html - What CSS should I use to get a border around an option tag in both Firefox and IE?

Question

Right now I am using the following CSS:

option
{
    border-width: 1px;
    border-style: solid;
}

Which works fine in Firefox but not in IE. I'm not sure if it makes a difference but the option tags are generated by an ASP.NET ListBox control.

Answer 1

Unfortunately, the styling of option elements is supported to different degrees by different browsers. Firefox is the only browser which allows you to add a border around options – IE and Chrome won't show a border.

Here's an overview of what styles different browsers support. The only styling you can reliably apply is background and foreground color.