html選擇框向下箭頭看起來像鼠標

在IE8,9和10上，select元素看起來像附加的圖片。下拉箭頭被替換爲或多或少看起來像鼠標的東西。html選擇框向下箭頭看起來像鼠標

在Firefox和Chrome上，它看起來像一個向下箭頭的標準下拉菜單。

我無法找到任何地方，我已經做了什麼與CSS來改變選擇。

有什麼建議嗎？

<td> 
    <select id='allocated' name='alloc' onchange='allocChange()'> 
    <option value='??' selected='selected'>??</option> 
    <option value='1A' >1A</option> 
    <option value='1B' >1B</option> 
    <option value='1C' >1C</option> 
    <option value='2A' >2A</option> 
    <option value='2B' >2B</option> 
    <option value='3A' >3A</option> 
    </select> 
    </td>

CSS不是一個因素 - 同樣的事情發生，即使沒有裝載

enter image description here

來源

2013-04-09 RoyHB

改變箭頭請分享一些代碼。 – 2013-04-09 06:24:43

http://jsfiddle.net/h6Kg5/如果你在這裏爲我選擇select look default，如果你仍然看到它自己的方式，那麼它是你的系統有問題。祝你好運！ – 2013-04-09 06:47:54

我很抱歉，但這非常有趣。 IE瀏覽器的另一種方式與你的生活混淆 – epoch 2013-04-09 09:05:52

這可能是默認的樣式表..但是你可以使用CSS

.styleSelect select { 
background: transparent; 
width: 168px; 
padding: 5px; 
font-size: 16px; 
line-height: 1; 
border: 0; 
border-radius: 0; 
height: 34px; 
-webkit-appearance: none; 
color: #000; 
} 

.styleSelect { 
width: 140px; 
height: 34px; 
overflow: hidden; 
background: url("images/downArrow.png") no-repeat right #fff; 
border: 2px solid #000; 
}

來源

2013-04-09 08:36:40

html選擇框向下箭頭看起來像鼠標

回答

相關問題