選擇選項不在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中顯示

回答

相關問題