Font styles in html select control

Get Started
1

hi, does anyone know if there is a way to put font styles into an html Select control for most browsers? so far stuff like

<select>
	<option class="style1">option1</option>
	<option class="style2">option2</option>
	<option class="style3">option3</option>
</select>

only seems to work for Firefox. Same thing if I do something like

<option><b>option1</b></option>

so is it just firefox that can do this, or is there a way to do it in other browsers, especially IE?

thanks!

2

you have the styles on the wrong element… try this:

select {
font-size: .8em;
font-weight: bold;
font-family: verdana;
}

3

No, he wanted them on the options, because he wanted each unique.
I’m suprised that didn’t work for you, but try doing something stupid like this:

<option><b class=“asdf”>asdf</b></option>

Then, define .asdf

4

OH CRAP! I didnt notice he had three different styles there … now thats different!

Hmm, now I have to think about this!

5

well I got this to work in FF but of course IE is ignoring almost everything but the color! (typical)

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style type='text/css'>
<!--
	#stuff #one	{
		font-size: 12pt;
		font-family: verdana;
		font-weight: bold;
		color: RED;
		}
	#stuff #two	{
		font-size: 10pt;
		font-family: "times new roman";
		font-weight: normal;
		color: BLUE;
		}
	#stuff #three	 {
		font-size: 14pt;
		font-family: arial;
		font-weight: bold:
		color: YELLOW;
		}
//-->
</style>
</head>

<body>
<form method=post action="">
<select name="stuff" id='stuff'>
	<option value=''>Select</option>
	<option value='one' id='one'>One</option>
	<option value='two' id='two'>Two</option>
	<option value='three' id='three'>Three</option>
</select>
</form>
</body>
</html>
6

Haha, thats getting quite hackish :frowning:

Maybe work with IE Conditional Comments some how?

7