homepage Welcome to WebmasterWorld Guest from 184.73.52.98
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: DrDoc

CSS Forum

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




msg:1209650
 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.

 

Brett_Tabke




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

http://www.malibutelecom.fi/yucca/forms/select-css.html

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.
</>

knighty




msg:1209652
 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 :)

joshie76




msg:1209653
 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...

Josh

knighty




msg:1209654
 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}
-->
</style>

This definatley works on my IE anyway ;)

joshie76




msg:1209655
 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.

knighty




msg:1209656
 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.

joshie76




msg:1209657
 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!!!

joshie76




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

FOUND IT!!!!

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.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
© Webmaster World 1996-2014 all rights reserved