Sent by john on 31 July 2002 16:04
Hi All,
Thanks to Jan! and Aaron who reponded to my earlier
post I have learnt to do this:
<style type="text/css">
#prettyform {
color: #f99;
font:11px verdana, arial, serif;
background-color: #096;
background: #f60;
border: #ffc 1px dotted;
}
</style>
<body>
<form>
<SELECT NAME="newLocation"
onChange="jumpPage(this.form.newLocation)"
id="prettyform" >
<OPTION VALUE="" SELECTED>Select a topic
<OPTION VALUE="#">Selecting menu items
<OPTION VALUE="#">Working with radio buttons
<OPTION VALUE="#">Setting one field with another
<OPTION VALUE="#">Validating Zip codes
<OPTION VALUE="#">Validating email addresses
</SELECT>
</form>
</body>
So I have an orangy <select> element.
To take it one step further, I want to make the
background/font color in the drop down list
matching/complementing colors.
How do I achieve that?
From my current reading, the answer seems to lie
somewhere in 'pseudoclasses'. I don't seem to rig it
up correctly. Tried various tagging including:
#prettyform:cx{
color: #000;
font: 11px verdana, arial, serif;
background-color: #f99;
}
Does not work :-/
Give me hand with this please?
__________________________________________________
Do You Yahoo!?
Yahoo! Health - Feel better, live better
http://health.yahoo.com
