Chrome瀏覽器：禁用四捨五入輪廓選擇菜單？

平方大綱/邊緣（圖）我試圖消除器（Chrome）：Chrome瀏覽器：禁用四捨五入輪廓選擇菜單？

enter image description here

的目標...（火狐瀏覽器）：

enter image description here

的CSS：

.wide5 { 
    width: 28%; 
    height:32px; 
    font-size: 16px; 
    border-radius: 7px 7px 7px 7px; 
    border: 3px solid #D2D2CD; 
    padding: 4px 8px 4px 6px; 
    outline:none; 
    margin-bottom:4px; 
} 

.wide5:focus { 
    border: 3px solid #00AEEF; 
    outline:none; 

}

的HTML：

<select class="wide5"> 
<option value="1">1 Unit</option> 
<option value="2">2 Units</option> 
</select>

來源

2013-02-28 dabra904

你的HTML/CSS的罰款。別的東西正在導致這個邊界。請創建一個jsfiddle，我想親眼看到它。 – Madbreaks 2013-02-28 18:22:11

似乎罰款在我的鉻。雖然我在Windows 8上。 – 2013-02-28 18:25:43

選擇菜單上添加-webkit-appearance: none;讓你在Chrome中所需的行爲.. 但擺脫了選擇箭頭..不知道的，如果你會介意與否。

無論哪種方式，我認爲這是你最好的最好不使用JavaScript ..除非你restyle的<select>菜單..

來源

2013-02-28 18:53:29 Adrift

Chrome瀏覽器：禁用四捨五入輪廓選擇菜單？

回答

相關問題