html - 选择选项未在 Internet Explorer 中显示

Question

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

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

Answer 1

您正在删除选择框中的标准边框，因此它在各种浏览器中自然会看起来很奇怪。考虑删除height: 100%和border:0。

您也不应该在 HTML 标记属性中添加间距。根据浏览器的不同，它可能会导致各种问题，而且这只是一种很好的做法。

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

应该：

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