HTML和SELECT元素的奇怪行爲

我有一個C塊踢出html 4.01嚴格與非常小的CSS。一個頁面上的元素爲土簡單的「選擇」元素因而是絕對定位的div內：HTML和SELECT元素的奇怪行爲

<div style=" 
position: absolute; 
left: 260px; 
top: 440px; 
width: 200px; 
padding: 0px; 
margin: 0px; 
border: none; 
font-family: Arial, Helvetica, Verdana, sans-serif; 
font-size: 12px; 
font-weight: normal; 
text-align: left; 
overflow: auto; 
color: #000000; " > 
<select tabindex=36 name="vnd_bmid" class="inp_uline" 
     id="vnd_bmid" title="Assigned Name" style="width: 160px" 
     onFocus="this.style.background='#eeeeee';" 
     onBlur="this.style.background='#e7caea';" > 
    <option value="0" selected >&nbsp;not assigned&nbsp;</option> 
    <option value="1000001">Some String</option> 
    <option value="1000002">Some Other String</option> 
    <option value="1000045">Yet Another</option> 
    <option value="1234567">This is wide</option> 
    <option value="1874124">This is even more wide</option> 
    <option value="1987654">Not Wide</option> 
</select> 
</div>

在右側不管什麼，我似乎做我不能讓小下拉箭頭當我點擊它時響應的元素。我必須將鼠標放在文本開頭的元素的最左側，然後單擊它以獲得下拉列表中的選項。我試圖使用「溢出」，並沒有效果。完全刪除它。沒有效果。確保我在「select」中有一個CSS寬度參數，並且沒有任何效果。我已經嘗試了Firefox和Opera，並且我在兩個瀏覽器上都看到了同樣的奇怪行爲。 W3C驗證器說我有完美的HTML 4.01嚴格和CSS是乾淨的。

有很大的風險要問顯而易見的問題，可能會導致select元素以這種方式行事，我該如何得到那個下拉箭頭才能表現？

而且，我應該在類樣式位添加到完成：

.inp_uline 
    { 
     font-family: Lucida Console,monospace; 
     font-size: 12px; 
     font-weight: normal; 
     text-align: left; 
     padding: 0px; 
     margin: 2px; 
     background-color: transparent; 
     border-style: solid; 
     border-width: 0px 0px 1px 0px; 
     border-color: darkred; 
     color: #000000; 
    }

因此，我們有一個描述select元素的一切，而有人可能能夠得到它把眼光放在一些不錯的「小提琴「它不能在這個頁面內工作，我有五十個其他輸入元素。我還必須指出，還有其他選擇元素可以按預期工作，但這不是。

來源

2014-01-21 paul lanken

雖然我對標題笑得很難，但你可以繼續前進並改變它，因爲別人會如果你不這樣做:-) –

我不知道你在說什麼......你的小提琴爲我工作。 http://jsfiddle.net/vLNLt/ – Nix

好啊。也許問題在於class =「inp_uline」位。另外，「小提琴」是一個很好的皮特里碟，我確實有我的html輸出的其他選擇元素的工作，但不是這一個。 –

我通過做不合理和不可能解決了問題。我把div的整個絕對位置向右移動了300個像素。元素（另一個選擇下拉菜單）已經在該位置，我向左移動了300像素。這基本上通過交換圖形位置來移動頁面上兩個下拉選擇元素的位置。突然之間，他們兩人都按預期工作，以前只有其中一人工作。

不知道爲什麼。

來源

2014-01-21 18:11:16

對所有有幫助的人都感到抱歉，但我能得到所需結果的唯一方法就是將DIV移動。這沒有意義，似乎表明瀏覽器呈現頁面的方式存在錯誤。但是，它符合W3C HTML 4.01嚴格標準和CSS清理。真的很煩人。 –

HTML和SELECT元素的奇怪行爲

回答

相關問題