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>&nbsp;</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

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -