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

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -