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

看看这个。在IE11和最新的Chrome上测试，看起来都不错。但是Firefox（目前是v32）把事情搞砸了。我尝试添加-moz边界半径：28px；但这没什么区别

<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;
}

.搜索框{
宽度：265px；
高度：37像素；
背景色：#000d59；
左边距：40px；
边缘顶部：90像素；
}
#搜索输入{
宽度：203px；
左边距：10px；
右边距：10px；
边缘顶部：7px；
高度：20px；
-moz边界半径：28px；/*没有区别*/
边界半径：28px；
左侧填充：5px；
右边填充：35px；
背景尺寸：25px 20px；
}

添加

边框：0

到

#searchInput

这就成功了！谢谢，我会尽快接受的。是否可以仅对Firefox（类似于-moz-border:0；）执行此操作？我有点喜欢其他浏览器中的边框……您也可以尝试

边框样式：inset-start-inset；边框宽度：1px

如果你真的想在Firefox中添加一个边框。@misterManSam，这就是我提到的问题。真的吗？也许我们在思考不同的问题。。。这是，背景已删除：）您在Firefox中检查过吗？这里也有同样的问题……这里是我在Firefox中从您的JSFIDLE中截取的屏幕截图=>