Monospaced Select List in Safari Browser

Forum Moderators: open

Message Too Old, No Replies

Monospaced Select List in Safari Browser

Select List don't respond to font properties in Safari Browser

OMBlain

3:53 pm on Jun 27, 2005 (gmt 0)

Does anyone know how to make a Selection list 'see' the font properties when using the Safari 1.2.1 browser? I have tried style commands, font command, style sheets ..... and nothing seems to work. Simple text on the page responds correctly, but not items in a listbox. I need to do this so that 'columns' of data will display correctly in a listbox.
TIA for any help.

encyclo

5:44 pm on Jun 27, 2005 (gmt 0)

Welcome to WebmasterWorld [webmasterworld.com] OMBlain!

There is some bugginess with the implemetation of styling select lists with different things working for different browsers (IE6 is problematic too). Have you tried setting the font-family to monospace on both the

select

and

option

elements? That might do it.

Here's a test page which works in Konqueror 3.4 (a close relative of Safari):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>test template</title>
<style type="text/css">
select, option {font-family:monospace;}
</style>
</head>
<body>
<form action="">
<select>
<option value="a">abcdef</option>
<option value="b">ghijkl</option>
<option value="c">mnopqr</option>
<option value="d">stuvwx</option>
</select>
</form>
</body>
</html>

OMBlain

8:43 pm on Jun 27, 2005 (gmt 0)

enclyclo,
Thanks for the info. I made a file with your code and it did not work with Safari. I guess not many people want this feature because I can't find any 'sample' sites that work or people complaining about it.