How do I change an ASP.NET listbox border from 3d to 1px solid?

Question

By default the listbox in ASP.NET has a 3D border effect. I need to change that to Solid, 1 px, some color. Can this be done using css?

Thanks, Atul

Answer 1

You can give your ListBox control a CSS class and then use that to define the border you like in your stylesheet.

<asp:ListBox id="YourListBox" CssClass="SomeClassName" rows="3" runat="server" />

Answer 2

I think that for ie, certain properties of the select tag are not styleable. Something to do with the rendering of it tied to the OS. Not sure about ie8.

Here is something that styles borders, but its involved:

http://v2.easy-designs.net/articles/replaceSelect/

Answer 3

Or you can use Asp.net Themes and Skins