Select menu styling

Ultragames · 08-20-2005, 07:32 AM

Is there a way i can make a select menu not have a border? I tried border: 0px none #FFFFFF; but that did not work.

Any ideas?

Ranger56 · 08-20-2005, 08:08 AM

Code:

border:0;

Ultragames · 08-21-2005, 05:19 AM

The select menu still has a border with that in IE6.

rmedek · 08-21-2005, 07:22 AM

The select bar is one where we're sort of at its mercy. You can do a few things to it, but for the most part browser preference takes precedent.

Ultragames · 08-21-2005, 11:50 PM

even the !important modifier wont work on it?

rmedek · 08-22-2005, 01:39 AM

I'm pretty sure. Did you try using it?

brothercake · 08-23-2005, 04:09 PM

In Internet Explorer a <select> element is rendered by the operating system, not the browser, and so very few CSS properties work on it. You basically can't change the border or button at all - the best you can do is change the font, I think.

I started making a DHTML select menu once, but it's a dangerous thing to mess with - I couldn't get it so it perfectly emulated the native behaviors of the widget in each browser, because only Firefox reported enough events to do so - some states and movements simply couldn't be captured. Without perfect emulation of mouse and keyboard behaviors it creates usability and accessibility problems, so it's not safe.

We basically just have to live with it, I think - select elements are not pretty, but to end-users their predictable - they look the same as they do throughout the operating system - and that's ultimately more important.