Styling Emphasis Text

5 posts, 1 answers
  1. Michael O'Flaherty
    Michael O'Flaherty avatar
    67 posts
    Member since:
    Jun 2010

    Posted 26 Feb 2013 Link to this post

    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
  2. MasterChiefMasterChef
    MasterChiefMasterChef avatar
    152 posts
    Member since:
    Jan 2013

    Posted 27 Feb 2013 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Michael O'Flaherty
    Michael O'Flaherty avatar
    67 posts
    Member since:
    Jun 2010

    Posted 27 Feb 2013 Link to this post

    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 */ 
    }
  5. Answer
    Ivan Zhekov
    Admin
    Ivan Zhekov avatar
    539 posts

    Posted 28 Feb 2013 Link to this post

    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
    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.
  6. Michael O'Flaherty
    Michael O'Flaherty avatar
    67 posts
    Member since:
    Jun 2010

    Posted 28 Feb 2013 Link to this post

    Worked like a charm--thanks!
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017