| SitePoint Sponsor |
Hi
Does anyone know if its possible to put a text-decoration:line-through some text in a select box? It doesnt seem to work for me.
I am listing different size combinations and I wanted to put a line through and change the text color to grey for items that are out of stock rather than just not list them. Or is there a better a way that anyone can think of?
Thanks
Asa Carter
Sure:
PHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
.select{
}
.opt1{
text-decoration:line-through;
}
.opt2{
font-size:14px;
}
.opt3{
font-weight:bold;
}
</style>
</head>
<body>
<select name="demo" class="select">
<option>Make Selection</option>
<option class="opt1">Demo1</option>
<option class="opt2">Demo2</option>
<option class="opt3">Demo3</option>
</select>
</body>
</html>
Works for FF but not IE7. Why are the styles not applied in IE7?
http://www.argyllnewmedia.co.uk/itrenz/test.php
I'm glad it works, but I wouldn't go with that method. As a designer, I think it's important to believe that all your users are complete morons even if they aren't. By listings the items that are in stock with the items that aren't, you're still giving the users the option to select that item. It might be better to list the items that aren't in stock below the select list instead of listing them with the in stock items.
Yeh maybe your right.
I was just giving the not stocked item an ID value of 0 so it couldn't be added to the basket but I guess listing them all togther may be confusing.
Posting Permissions
Bookmarks