Can I style <select> drop down (option) menu’s using only CSS?
The attached link demonstrates the look I’m trying to achieve.
Can I attain consistency across browsers using only CSS? I imagine if I used background images, I’d have to incorporate sliding doors in order to have fluid widths? Or CSS3 multiple background images?
link to example: select-artwork
That is one of the harder form elements to style because Internet Explorer just uses the drop down built into the operating system to display it on top of the web page rather than using anything in the web page itself that can be styled.
I really appreciate your explanation of why it’s so difficult to style. Leads me to wonder a couple things:
- do later versions of IE (8,9,10) treat it as a browser element?
- also wondering if it’s a pretty acceptable practice to NOT style the <select> menu…I’ll surf around and dig into that…
Yes, it is acceptable practice not to style a select menu and the browsers tend to differ in their interpretations of how they style them as default.