选择选项不在Internet Explorer中显示

以下选择选项在Firefox/Chrome中显示正常，但在IE8中不显示。请帮忙。选择选项不在Internet Explorer中显示

<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; 
}

来源

2013-08-07 Dinesh

在一个侧面说明，请确保您的填充有单元。 3单独是没有意义的。 – j08691

只是为了澄清，哪个版本的Internet Explorer？ –

正如我的物理老师会说：3什么？每秒3个西瓜？每棵3只鹦鹉？单位！单位！ –

你去除选择框中的标准边框，所以它自然会看起来很奇怪在不同的浏览器。考虑删除height: 100%和border:0。

您也不应该在HTML标记属性中添加空格。它可能会导致各种问题取决于浏览器，再加上这只是一个很好的做法。

<select id = "vehicle" name = "vehicle" class = "vehicleSelect">

应该是：

<select id="vehicle" name="vehicle" class="vehicleSelect">

来源

2013-08-07 19:24:42

我删除了空格并添加了单位以填充。我修正了CSS中的另一个问题。现在，它在IE中也显示得很好。谢谢大家！ – Dinesh

选择选项不在Internet Explorer中显示

回答

相关问题