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">
<!--
.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
