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.

drop down form background color

  1. I'm trying to edit the background color for when you hover (or select) over items on this drop down list (SUBJECT) on this page:

    Right now they are blue (yesterday they had a grey gradient and I didn't change anything).
    What I tried (2 of many attempts - which didn't do anything at all)
    1)

    body.custom .gform_wrapper .chzn-container-multi .chzn-choices .search-choice{
      background: -moz-linear-gradient(0% 170% 90deg, #F5AE28, #EFC940) repeat scroll 0 0 transparent !important;
       background: -webkit-gradient(linear, 0% 0%, 0% 170%, from(#F5AE28), to(#EFC940)) !important;
    }

    2)

    body.custom chzn-container .chzn-results .highlighted {
    background-color: #000!important;
    }
    Posted 6 years ago on Wednesday April 10, 2013 | Permalink
  2. Here is the page. Sorry I forgot to include: http://coffee.franksdesigns.com/contact-us/

    Posted 6 years ago on Wednesday April 10, 2013 | Permalink
  3. Styling the select element is very very limited across different browsers. Some styles work or kind of work in some browsers while not at all in others. That's why you see lots of select element "replacement" scripts which use styled, unordered lists to present the options. Without using some kind of option like that, you're not going to have much control on the presentation of the select element.

    http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single-option/

    Posted 6 years ago on Wednesday April 10, 2013 | Permalink
  4. I visited the forms control link you suggested. Thank you for enlightening me.

    Posted 6 years ago on Wednesday April 10, 2013 | Permalink
  5. You're welcome. Sorry I couldn't offer much more. It's just one of those form controls that's really limited when it comes to pure CSS manipulation. Best of luck with it.

    Posted 6 years ago on Wednesday April 10, 2013 | Permalink