help - stylesheet for a listbox/select box

liunx · Jan 11, 2008

hello guys! i have a form that contains a listbox, and am using IE6, and i put up a link to my external css file, but the appearance of listbox scroll bars didn't change, only the size of the font was changed, do i am missing something? or this is not possible to change the appearance of scrollbars for the listbox?

below is my HTML code:

<html>

<head>
<title>Test Page</title>
<LINK href=http://www.webdeveloper.com/forum/archive/index.php/"styles.css" type=text/css rel=StyleSheet>
</head>

<body>

<form method="POST" action="test.htm">
<p><select size="5" name="test">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
<option value="5">five</option>
<option value="6">six</option>
<option value="7">seven</option>
<option value="8">eight</option>
<option value="9">nine</option>
<option value="10">ten</option>
</select><input type="button" value="Submit" name="B1"></p>
</form>
</body>
</html>

and below is my stylesheet:

BODY
{
FONT: 8pt verdana, arial;
COLOR: navy
}
TD
{
FONT: 8pt verdana, arial;
COLOR: darkslateblue
}
.helphead
{
FONT: bold 16pt verdana, arial;
COLOR: navy;
TEXT-ALIGN: center
}
H2
{
FONT-SIZE: 11px; FONT-FAMILY: verdana, arial
COLOR: white
}
A:link
{
COLOR: navy
}
A:visited
{
COLOR: navy
}
A:hover
{
COLOR: #ff9900
}
.funhead
{
FONT: 10pt Arial,Helvetica;
COLOR: navy
}
.deschead
{
FONT: 600 10pt Arial,Helvetica;
TEXT-ALIGN: center
}
.clsDescTab
{
BORDER-RIGHT: lightsteelblue 1px solid;
BORDER-TOP: lightsteelblue 1px solid;
BORDER-LEFT: lightsteelblue 1px solid;
BORDER-BOTTOM: lightsteelblue 1px solid;
BACKGROUND-COLOR: aliceblue
}
INPUT
{
BORDER-RIGHT: lightsteelblue 1px solid;
BORDER-TOP: lightsteelblue 1px solid;
BORDER-LEFT: lightsteelblue 1px solid;
COLOR: navy;
BORDER-BOTTOM: lightsteelblue 1px solid;
FONT-SIZE: 11px;
FONT-FAMILY: verdana, arial
TEXT-ALIGN: left
}
SELECT
{
BORDER-RIGHT: lightsteelblue 1px solid;
BORDER-TOP: lightsteelblue 1px solid;
BORDER-LEFT: lightsteelblue 1px solid;
COLOR: navy;
BORDER-BOTTOM: lightsteelblue 1px solid;
FONT-SIZE: 11px;
FONT-FAMILY: verdana, arial
}
.button {
BORDER-RIGHT: lightsteelblue 1px solid;
BORDER-TOP: lightsteelblue 1px solid;
FONT-SIZE: 8pt;
BORDER-LEFT: lightsteelblue 1px solid;
WIDTH: 70px; COLOR: #000000;
COLOR: navy;
BORDER-BOTTOM: lightsteelblue 1px solid;
FONT-FAMILY: verdana, arial;
}
TEXTAREA
{
BORDER-RIGHT: lightsteelblue 1pt solid;
BORDER-TOP: lightsteelblue 1pt solid;
BORDER-LEFT: lightsteelblue 1pt solid;
COLOR: navy;
BORDER-BOTTOM: lightsteelblue 1pt solid;
FONT-SIZE: 11px;
FONT-FAMILY: verdana, arial
}As far as I know IE doesnt support this yet.

help - stylesheet for a listbox/select box

liunx

Guest