I can't seem to style the select menu with CSS in Internet Explorer (7, 5.5, etc). I'd like to change the border for the most part but it doesn't seem like it's possible (maybe with some proprietary JavaScript?) I also considered the idea of using a background image of some sort or an image over the select menu though I have not seen any example that works in IE. Flash is of course not an option. Any suggestions?
- John
penders
11:17 pm on Oct 21, 2006 (gmt 0)
Yeah, IE (v6) doesn't seem to support much styling on the SELECT element. You can set background-color, but that seems to be about it(?!) If you are just after a border, you can surround the SELECT in a DIV container and add a border to that instead. But you can't seem to make the background of the SELECT transparent in order to let any background image on the DIV show through (as you can with FF).
I have seen solutions that mimic a SELECT using an unordered list (UL) and a chunk of JavaScript... maybe that's the way to go. Although there are those that believe FORMs shouldn't be styled to any large degree.