在Firefox中输入的圆角看起来很奇怪

检查这个jsfiddle。测试IE11和最新的Chrome浏览器，一切看起来不错。但Firefox（目前v32）混淆了它。我试着添加-moz-border-radius：28px;但它没有区别。在Firefox中输入的圆角看起来很奇怪

<div class="searchbox"> 
    <input id="searchInput" onkeypress="zoekArtikel(event);" type="text"> 
</div> 

.searchbox{ 
    width:265px; 
    height: 37px; 
    background-color: #000d59; 
    margin-left:40px; 
    margin-top:90px; 
} 

#searchInput{ 
    width:203px; 
    margin-left:10px; 
    margin-right:10px; 
    margin-top:7px; 
    height:20px; 
    -moz-border-radius:28px; /* makes no differnce */ 
    border-radius:28px; 
    padding-left:5px; 
    padding-right:35px; 
    background-size: 25px 20px; 
}

来源

2014-09-03 diedie2

添加border: 0;到#searchInput

来源

2014-09-03 07:05:07

这做的伎俩！谢谢，我会尽快接受。是否有可能只为Firefox做到这一点（类似-moz-border：0;）？我有点像在其他浏览器中的边框... – diedie2 2014-09-03 07:12:05

你也可以尝试'边框样式：插图首页插图插图; border-width：1px;'如果你确实想在Firefox中使用边框。 – misterManSam 2014-09-03 07:15:03

@misterManSam，回馈我提到的问题。 – diedie2 2014-09-03 07:19:36

在Firefox中输入的圆角看起来很奇怪

回答

相关问题