drop down form background color « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

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;
}

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

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

frank6tg
Member

Here is the page. Sorry I forgot to include: http://coffee.franksdesigns.com/contact-us/

Posted 11 years ago on Wednesday April 10, 2013 | Permalink
Kevin Flahaut
Administrator

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 11 years ago on Wednesday April 10, 2013 | Permalink
frank6tg
Member

I visited the forms control link you suggested. Thank you for enlightening me.

Posted 11 years ago on Wednesday April 10, 2013 | Permalink
Kevin Flahaut
Administrator

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 11 years ago on Wednesday April 10, 2013 | Permalink