PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

CSS on highlighted dropdown and multi select field

  1. Hello,
    I'm having trouble targeting the css for the highlighted text in the drop down and multi select fields, using the enhanced user interface.

    When I hover over the drop down/multi select options, the background color and the text color are both light, making it hard to read.

    I've tried targeting .active-result .highlighted and variations of this, also using !important, but nothing is working.

    I have also tried .chzn-drop and it does change the default color, but it does not change the on hover color of the text at all.

    It's locally hosted so I can't post a link, but i'm hoping someone can help me with the right css to use to make the highlighted font darker.

    Thank you,
    Tony

    Posted 12 years ago on Friday February 24, 2012 | Permalink
  2. Tony, hard to say here without looking and inspecting what's going on. Do you use Chrome Dev Tools or Firebug by chance to see what's causing the light coloring of the font? I know one user last week had a color of white coming in from the body element. Not sure what to tell you though for sure, but try inspecting the page live with one of those tools. Also, you can try to use !important on your css values to see if that helps.

    Posted 12 years ago on Friday February 24, 2012 | Permalink
  3. Hi Rob,

    Thank you! I'm using firebug, and i can see the .highlighted, but haven't been able to pin it down.

    I tried with !important as well, but no luck. If I can't figure it out, i'll have it live soon and come back with a link.

    I'll try to see where it's inheriting it from...

    Thank you,
    Tony

    Posted 12 years ago on Friday February 24, 2012 | Permalink
  4. Cool Tony, I'll be on the lookout!

    Posted 12 years ago on Friday February 24, 2012 | Permalink
  5. Hey Rob,

    I was able to track it down to:

    .chzn-container .chzn-results .highlighted {
    color: #000;!important
    }

    all fixed now :)

    Thanks again for your help! Have a great weekend :)

    Tony

    Posted 12 years ago on Saturday February 25, 2012 | Permalink
  6. Awesome to hear Tony! Thanks for letting us know.

    Posted 12 years ago on Saturday February 25, 2012 | Permalink

This topic has been resolved and has been closed to new replies.