Michael O'Flaherty
Top achievements
Rank 2
Michael O'Flaherty
asked on 26 Feb 2013, 03:25 PM
Hi!
See attached...
I see that I can style the emphasized text using this:
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
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
4 Answers, 1 is accepted
0
MasterChiefMasterChef
Top achievements
Rank 2
answered on 27 Feb 2013, 07:25 PM
Hi Michael,
Try selecting the 'rcbHovered' class and editing the font values there:
This should be enough for you to edit the style of a selected item inside of a RadComboBox.
Good luck,
Master Chief
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
0
Michael O'Flaherty
Top achievements
Rank 2
answered on 27 Feb 2013, 07:35 PM
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_Office
2010
Blue .rcbHovered
{
color
:
#000000
!important
;
/* App.Colors.FocusForeColor */
}
0
Accepted
Hi, Michael.
The correct snippet is:
Note the last line, it styles the EM (emphasized text) when the item is hovered.
Greetings,
Ivan Zhekov
the Telerik team
The correct snippet is:
html .RadComboBoxDropDown_Office
2010
Blue .rcbItem,
html .RadComboBoxDropDown_Office
2010
Blue .rcbHovered,
html .RadComboBoxDropDown_Office
2010
Blue .rcbItem em,
html .RadComboBoxDropDown_Office
2010
Blue .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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Michael O'Flaherty
Top achievements
Rank 2
answered on 28 Feb 2013, 05:53 PM
Worked like a charm--thanks!