Ok.... you liked that hack dident you....How bout this one..
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.DL_selection select {
width;250px;
}
.op;after { content;" ";}
</style>
<meta http-equiv="MSThemeCompatible" content="Yes">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<div class="DL_selection">
<select name="season_select" id="season_select">
<option class="op" value="year" id="year_season_select" >year</option>
<option class="op" value="summer" id="summer_season_select">summer</option>
<option class="op" value="autumn" id="autumn_season_select">autumn</option>
<option class="op" value="winter" id="winter_season_select">winter</option>
<option class="op" value="spring" id="spring_season_select">spring</option>
</select>
</div>
</body>
</html>
@unknownuser said:
Padding with dummy characters with a dummy list item won't ever be able to accurately adjust the length.
Now since he is using style 250 px for the select element I naturally assumed he wanted that size. Spaces are acurate enough for that.. Wont work dynamically, has to be tested and nudged to liking, so in that sence not accurate..
Don't know the output from the select though. Pseudo element should not affect the value...