Chrome浏览器：禁用四舍五入轮廓选择菜单？

2013-02-28 99 views 0 likes

平方大纲/边缘（图）我试图消除器（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浏览器：禁用四舍五入轮廓选择菜单？

回答

相关问题