[cfaussie] RE: Styling a select box

Antony Sideropoulos Thu, 05 Feb 2004 22:28:49 -0800

I believe Select boxes are OS dependant, and are relatively style-proof, at least compared to the Input elements.

Darren, you should be using flash remoting ;-) All CSS, DHTML, _javascript_ issues solved!

>>> [EMAIL PROTECTED] 6/02/2004 4:20:12 pm >>>
you can't style select boxes.

At least the following you can't, they are controlled by the OS.
I believe in some browsers you can, but some real CSS guru will tell you exactly what and what not ;-))

I'd also like to change the border around the select box, so I can either hide it or make it less noticeable.
I've tried all these, within the mySelectBox style, to see if I could make it change, but again, they seemed to do nothing at all.
border : 10px thin #FF0000;
border-top-width : 10;
border-top : 10px thin #0000FF;
border-bottom : 10px thin #0000FF;
border-left : 10px thin #0000FF;
border-right : 10px thin #0000FF;

I'm beginning to believe that Select boxes are just uncontrollable with style sheets.
Am I right, or am I missing something?

Taco Fleur
07 3535 5072
Blog: http://www.tacofleur.com/index/blog/
Methodology: http://www.tacofleur.com/index/methodology/
Tell me and I will forget
Show me and I will remember
Teach me and I will learn

-----Original Message-----
From: Darren Tracey [mailto:[EMAIL PROTECTED]
Sent: Friday, 6 February 2004 3:14 PM
To: CFAussie Mailing List
Subject: [cfaussie] Styling a select box

I need some help from a style sheet guru!

I've got some code that looks a bit like this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<style type="text/css">

</style>
</head>
<body>
<form method="post">
<select size="10" class="mySelectBox">
<option>  01 .  Group 1</option>
<option>  02 .  Group 2</option>
<option>  03 .  Group 3</option>
</select><br>
</form>
</body>
</html>

It draws a simple multiline select box.
There are two things I'm having trouble with.
I'd like to change the line height, to have slightly bigger gaps between each line of text.
I'd expect this line within the mySelectBox style, would do it, but it does nothing
line-height : 30px;
I also tried as values instead of the 30px:
2
200%
20pt
with no results.

I'd also like to change the border around the select box, so I can either hide it or make it less noticeable.
I've tried all these, within the mySelectBox style, to see if I could make it change, but again, they seemed to do nothing at all.
border : 10px thin #FF0000;
border-top-width : 10;
border-top : 10px thin #0000FF;
border-bottom : 10px thin #0000FF;
border-left : 10px thin #0000FF;
border-right : 10px thin #0000FF;

I'm beginning to believe that Select boxes are just uncontrollable with style sheets.
Am I right, or am I missing something?

Regards

Darren Tracey

---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]

MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004

---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]

MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004

---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]
MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004
----------------------------------------------------------------------
Maddocks
Melbourne - Tel: (61 3) 9288 0555 Fax: (61 3) 9288 0666
Sydney - Tel: (61 2) 8223 4100 Fax: (61 2) 9221 0872
Web: http://www.maddocks.com.au
----------------------------------------------------------------------
The information in this electronic mail is privileged
and confidential, intended only for use of the individual
or entity named. If you are not the intended recipient,
any dissemination, copying or use of the information is
strictly prohibited. If you have received this transmission
in error please delete it immediately from your system
and inform us by email on [EMAIL PROTECTED]
----------------------------------------------------------------------
---
You are currently subscribed to cfaussie as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]
MXDU2004 + Macromedia DevCon AsiaPac + Sydney, Australia
http://www.mxdu.com/ + 24-25 February, 2004

[cfaussie] RE: Styling a select box

Reply via email to