homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

SELECT boxes and CSS
Does anyone know how to change their appearance?

 8:29 am on Jul 9, 2001 (gmt 0)

Hello all,

I need to change the look of a select box including the border widths etc... I've tried using the CSS border and border-width stuff but to no effect. I'm sure i've seen this somewhere. Does anyone know how it's done?

I only need this to be IE5+ compat.

Thanks, J.



 9:08 am on Jul 9, 2001 (gmt 0)
This will give you a start:


After that, it is just a matter of finding the right inline css combo's to fit your need.

<added 1-13-2007>
appears that link has gone dead.


 9:47 am on Jul 9, 2001 (gmt 0)

You can either redefine the <select> tag or just apply the class bit to your <select> tag

You were right the first time all you need to do is set the border - keep in mind that you have to set all the borders (top, bottom, sides) and colours don't forget to us a solid line either.

Thats it :)


 8:56 am on Jul 10, 2001 (gmt 0)

Thanks guys.

Sorry, I haven't made myself clear - I've tried all the CSS border stuff (including knighty's recommendations) but the select box just ignore's all the border stuff.

I've had a look on MSDN (MSDN: Select Element [msdn.microsoft.com]) and the style information just doesn't mention borders.

Have you guys seen this supported? I would assume (with it not being in MSDN) that it isn't but I'm sure I remember seeing it somewhere...



 9:18 am on Jul 10, 2001 (gmt 0)

create your drop down and then insert the code into the head.

<style type="text/css">
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border: #000000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

This definatley works on my IE anyway ;)


 9:22 am on Jul 10, 2001 (gmt 0)

Cheers knighty but...

... still nothing (arrgh!). What version of IE are you using?

I'm using 5.0 on windows.


 10:21 am on Jul 10, 2001 (gmt 0)

soz mate,

just checked on PC and it no worky :(

I just assumed (never assume anything) that cos it worked on IE Mac it would work on PC but I was wrong, first time for everything I suppose ;)

Have you seen it on another site, I thought I had too - let me know if ya see ought.


 11:29 am on Jul 10, 2001 (gmt 0)

Well, At least I'm not going mad.

I could have sworn I'd seen it somewhere but I think, in that respect at least, I am going mad.

Everybody! Report back here if you see it!!!


 8:02 am on Aug 17, 2001 (gmt 0)


I now know where I saw CSS formatted boxes for SELECT dropdowns.......

.... Netscape 6 supports it.

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved