Forum Moderators: not2easy

Message Too Old, No Replies

Style on <select></select> drop off menu

how to style the border for a drop-off menu

         

seanbun

1:47 am on Jul 28, 2005 (gmt 0)

10+ Year Member



Hi,

I am wondering how can i style the border of a drop-off menu (<select><option>...</option></select>) with. I tried using border, it worked on textfields and buttons but does not work on drop-off menu.

Please advise, thanks,

Seanbun

createErrorMsg

2:47 am on Jul 28, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Seanbun, welcome to WebmasterWorld.

I hate to answer your first post here with bad news, but unfortunately, there's no way to style that <select> border via CSS. The select element draws it's appearance from the OS, not the browser nor the web source. You can control the background color, even control the borders WITHIN the select box between option items, but the borders on the <select> element, itself, are untouchable.

The exception to this is Opera, which allows you to control everything about the select tag but the arrow. There may be other browsers (I've read elsewhere that NS6 applies border styles to select), but IE and FF don't.

cEM

(Of course, if anyone knows otherwise, chime in!)