Forum Moderators: not2easy

Message Too Old, No Replies

Custom Select Menu for Internet Explorer

         

JAB Creations

8:05 am on Oct 21, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



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.