html - Select option not displaying in Internet explorer -
the following select options display fine in firefox/chrome not in ie8. please help.
<select id = "vehicle" name = "vehicle" class = "vehicleselect"> <option value = "-1" selected> </option> <option value = "15">car</option> <option value = "16">bike</option> <option value = "17">train</option> </select>
css:
.vehicleselect { width: 100%; height: 100%; font: 10px/1.45em "lucida grande",verdana,arial,helvetica,sans-serif; padding: 3; border: 0; }
you're removing standard border in select box, naturally strange in various browsers. consider removing height: 100%
, border:0
.
you shouldn't add spacing in html tag properties. cause various issues depending on browser, plus it's practice.
<select id = "vehicle" name = "vehicle" class = "vehicleselect">
should be:
<select id="vehicle" name="vehicle" class="vehicleselect">
Comments
Post a Comment