Format <option> tag

[Naoise]

How do I control the styling for an <option> tag? I seem to be able to change its colour but not its font size or weight? Any ideas?

<style type="text/css">

.OrgRole
{
font-family: tahoma, verdana, sans-serif;
font-weight: bold;
}

.OrgUser
{
font-family: tahoma, verdana, sans-serif;
font-weight: normal;
color:#ff0000;
font-size:8px;
}

</style>

<select name="cboOwner" id="cboOwner">
	<option selected="selected" value="0">Select Role</option>
	<option value="2" class="OrgRole">Director Product Management</option>
	<option value="1000" class="OrgUser">Bar, Foo</option>
	<option value="41" class="OrgRole">Asst DPM</option>
	<option value="115" class="OrgRole">Asst Asst DPM</option>
</select>

 

[BillyRayPreachersSon]

You will not be able to do this reliably cross-browser or cross-OS. Form elements are pretty much controlled by the OS, and so not all styling will be available to all users.

Sorry!

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Naoise]

IE/FF on Windows will do if you have a workaround?

 

[BillyRayPreachersSon]

I doubt it'd work across even both of those browsers. If it's not working for you, then clearly it doesn't.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[monksnake]

A "workaround" is to make a faux ("fake") dropdown with divs. Then you could style the items however you want.

<.