Styling Emphasis Text

[Michael O'Flaherty]

Hi!

See attached...

I see that I can style the emphasized text using this:

.RadComboBoxDropDown .rcbItem em
{
    color: #000000 !important; /* App.Colors.FocusForeColor */
}

However, notice the hover changes the bold text back to the built-in style. I want it to also be black. I have tried a few things and can't get it to behave. What is the correct CSS to style this?

Thanks!
Michael

[MasterChiefMasterChef]

Hi Michael,

Try selecting the 'rcbHovered' class and editing the font values there:

.RadComboBoxDropDown_Default .rcbHovered {
    color:#000000;
    font-weight:bold;
}

This should be enough for you to edit the style of a selected item inside of a RadComboBox.

Good luck,
Master Chief

[Michael O'Flaherty]

Thanks for your reply! Unfortunately, it didn't work. Since we are using Office 2010 Blue as our baseline, I did try that in case _Default was a skin designation:

.rcbItem,
.rcbTemplate:hover,
.RadComboBoxDropDown .rcbItem em,
.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown_Default .rcbHovered,
.RadComboBoxDropDown_Office2010Blue .rcbHovered
{
    color: #000000 !important; /* App.Colors.FocusForeColor */
}

[Ivan Zhekov]

Hi, Michael.

The correct snippet is:

html .RadComboBoxDropDown_Office2010Blue .rcbItem,
html .RadComboBoxDropDown_Office2010Blue .rcbHovered,
html .RadComboBoxDropDown_Office2010Blue .rcbItem em,
html .RadComboBoxDropDown_Office2010Blue .rcbHovered em {
    color: #000000;
}

Note the last line, it styles the EM (emphasized text) when the item is hovered.

Greetings,
Ivan Zhekov
the Telerik team

[Michael O'Flaherty]

Worked like a charm--thanks!