Is it possible to change the default Highlight color (Blue) in select option in ServiceNow Portal

[Saranya18]

I want to change the Hover color in select option . Anyone have idea on this

Thanks

[Sam Ogden]

Hi Saranya,

I find the easiest way to find what to find what to change is using the browser developed tools - you can usually access this via the F12 key or in the browser tools menu.  Under the elements tab there should be an option of 'select an element on the page' then you can hover over the element you want to change. E.g. looking at the KB categories widget:

From this I could see that the section in CSS that needed adjusting is .group-item-primary, so on the widget instance I could amend the CSS, something like:

.group-item-primary {
&:hover, &:focus {
background-color: #cce7d7;
}
}

Hope this helps

Thanks

Sam