Hey Darren
AFAIK you can't do either of these things. Select boxes are considered part
of the operating environment (OS & browser) rather than part of that page
content & so CSS support is very limited.
It�s a fine line I know - because some form elements can be fully styled
while other (like <input type="file">) are a nightmare.
One other thing - border-style: thin; doesn't exist possible values are [
none | dotted | dashed | solid | double | groove | ridge | inset | outset ].
A good trick is to test your styles on something more co operative like a
div:
<!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;
line-height: 26px;
border : 10px solid #FF0000;
}
-->
</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>
<div class="mySelectBox">
<h1>Border Style</h1>
<p>The border-style property sets the style of an element's border.
This property
must be specified for the border to be visible.</p>
<p>Between one and four keywords are specified. If four values are
given, they
apply to top, right, bottom, and left border style, respectively. If
one value
is given, it applies to all sides. If two or three values are given,
the missing
values are taken from the opposite side.</p>
<p>One may also use the border shorthand property.</p>
</div>
</form>
</body>
</html>
Cheers
Mark
------------------
Mark Stanton
Technical Director
Gruden Pty Ltd
Tel: 9956 6388
Mob: 0410 458 201
Fax: 9956 8433
http://www.gruden.com
---
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
