Welcome to WebmasterWorld Guest from 54.226.32.234

Forum Moderators: not2easy

Message Too Old, No Replies

SELECT boxes and CSS

Does anyone know how to change their appearance?

     

joshie76

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

WebmasterWorld Senior Member 10+ Year Member



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

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

WebmasterWorld Administrator brett_tabke is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month


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

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

WebmasterWorld Senior Member 10+ Year Member



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

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

WebmasterWorld Senior Member 10+ Year Member



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

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

WebmasterWorld Senior Member 10+ Year Member



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

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

WebmasterWorld Senior Member 10+ Year Member



Cheers knighty but...

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

I'm using 5.0 on windows.

knighty

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

WebmasterWorld Senior Member 10+ Year Member



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

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

WebmasterWorld Senior Member 10+ Year Member



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

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

WebmasterWorld Senior Member 10+ Year Member



FOUND IT!!!!

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

.... Netscape 6 supports it.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month