remove background color from form-select

henneyahn

by default, form - select has background color when is clicked.

How can I change this to other color (ex. #FFFFFF) ? I could not find any style elements by Chrome developers tool.

Albert

Hi,

please send us url to page where you got this form and we'll tell you how to change it's color.

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

henneyahn

http://ec2-52-68-151-53.ap-northeast-1.compute.amazonaws.com/unist_chemistry/category/newsandevents/

Thanks.

Albert

Thanks. So to change this background color, please use below css:

input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus, textarea:focus { background-color: #FFF !important; border-color: #FFF !important; color: #FFF !important; }

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

henneyahn

Thanks. ":focus" looks like key point. 

But last 'COLOR' is wrong. #FFF makes unselected text invisible : )

henneyahn

color of border is still blue. I'd like to change this same as select:focus.

change of border-color effects on 'fold select box' only : (

Albert

The colors may be different for each browser but this is how browsers render such items themselves. On our side, the color is not blue what you can see on http://pasteboard.co/2sZVDeTG.png

BTW The css we gave you above, change border color as well.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

henneyahn

And I prefer 6-character color code(#FFFFFF) to 3-character code : )

Albert

If you prefer 6 characters code, just use it. It does not matter if you would use 3 or 6. The effect would be the same.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next