在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中輸入的圓角看起來很奇怪

回答

相關問題