How can I modify the style when hovering over a combo's option?

Lothar Mueller Published at Dev

Lothar Mueller

This sounds so very simple:

hovering over the options of an Xpages comboBox they get some blue-ish background and white text color. Trying to alter this is driving me nuts. It obviously is NOT a simple css statement as in

select option:hover{background-color: green;}

as it would be for some standard html code (that's why I didn't tag this with css and the like...). But what is it then? Firebug or Chrome's developer tools didn't help me much, really, although I'm sure I'm missing something

Edit (after question was closed):
I'm aware that there are numerous questions regarding similar topics. But none of them is dealing with xsp combo boxes. The one question linked by some of youo gives an interesting solution by recommending a box-shadow instead of a background-color. This is nice but not quite what I'm looking for:

opening the combo the selected value still has the default background; only whil hovering the background appears to be changed
using this method I only can "cast" a shadow but cannot alter the text color which - depending on the shadow color - can be necessary to make the options legible

But I like Knut's answer as it seems to be pointing in the right direction; some alterations are needed though; if the question hadn't been closed I could post my solution as an own answer; but so I put it down as a comment to Knut's answer

Knut Herrmann

You can't change this style for xp:comboBox. But, if you use xe:djComboBox from ExtLib then you can change style with:

.tundra .dijitMenuItemSelected  {
    background-color: green;
}

enter image description here

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-02-5

Comments

0 comments

From Dev

In Java Swing, how can I have a Table CellEditor that's an editable JComboBox keep its value when I tab out of the combo box?

From Dev

Related Related

Article