font-family not working for Option tag in IE 3

Xaqte · Aug 18, 2005

I have the followoing code as a basic example:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html lang="en-US"><head><title>Select Test</title>
</head>
<body>
     <select name="fonts">
	<option style="font-family:Georgia;" value="Georgia">Georgia
	<option style="font-family:Arial;" value="Arial">Arial
	<option style="font-family:Impact;" value="Impact">Impact
	<option style="font-family:Verdana;" value="Verdana">Verdana
	<option style="font-family:Times New Roman;" value="Times New Roman">Times New Roman
	<option style="font-family:Trebuchet;" value="Trebuchet">Trebuchet
	<option style="font-family:Courier;" value="Courier">Courier
	<option style="font-family:Helvetica;" value="Helvetica">Helvetica
	<option style="font-family:Lucida Sans Unicode;" value="Lucida Sans Unicode">Lucida Sans Unicode
	<option style="font-family:Lucida;" value="Lucida">Lucida
	<option style="font-family:Sans-serif;" value="Sans-serif">Sans-serif 
     </select>
</body>
</html>

This should give each option its own font type, and it does for Firefox... but not for IE. Is there any way to make this work in IE?

Thanks in advance for any help/experience!

X

glenmac · Aug 18, 2005

You have to declare the style for the select tag not the option tag.

Glen

http://lantzvillecomputers.com

Xaqte · Aug 18, 2005

So, I guess this just won't work at all in IE... right Glen?
I was wanting a select box with the options being multiple fonts, and that option to be displayed as the font itself.
I was hoping for some workaround, but thanks anyhow Glen!

X

FesterSXS · Aug 18, 2005

instead of using a <select> dropdown, you could use a CSS formatted list that appears when you mouse over some HTML element.

You could then format each list item as you wish.

Tony

Spirax-Sarco - steam traps control valves heat exchangers
Sun Villa - Luxury Florida accommodation

BillyRayPreachersSon · Aug 18, 2005

You're right - it will not work in IE. This from MSDN:

MSDN said:
Except for background-color and color, style settings applied through the style object for the option element are ignored.

Hope this helps,
Dan

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

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

[/tt]

Vragabond · Aug 18, 2005

Good thing to check this page where you can see which browsers apply which style to select box:

http://www.456bereastreet.com/lab/form_controls/select/

Xaqte · Aug 18, 2005

Thanks to everyone who responded!

FesterSXS:
Do you have an example of what you are referring to?

BillyRay:
Thanks for the confirmation for another of IE's annoyances!

Vragabond:
Good link! However, this refers to styling the "select" tag and not the "option" tag... this is where my problem is.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

font-family not working for Option tag in IE 3

Xaqte

IS-IT--Management

glenmac

Technical User

Xaqte

IS-IT--Management

FesterSXS

Programmer

BillyRayPreachersSon

Programmer

Vragabond

Programmer

Xaqte

IS-IT--Management

Similar threads

Part and Inventory Search

Sponsor