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">
<!--
.mySelectBox {
width: 340px;
font-family: "lucida console",monospace;
background-color: #EEEEEE;
font-size : 13px;
}
-->
</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
