Firefox的下拉箭頭，當邊界的每個元素和1px的上選擇

* { 
    margin: 0; 
    padding: 0; 
    border: 0; 
} 

select { 
    border: 1px solid #A3A3A3; 
}

在Chrome行爲正確：

all options on chrome correct

但在Firefox中我得到這個：

all options on chrome not correct

當我刪除了「邊界：0」和「邊界：1px的固體＃A3A3A3」;性能，它工作正常：

all options firefox correct

如何獲得Chrome和Firefox相同的顯示任何建議？由於

採取這裏看看http://stackoverflow.com/questions/6787667/what-is-the-correct-moz-appearance-value-to-hide-dropdown-arrow-of-a-select#answer-18327666 – delueg

我已經檢查過這個。我不想刪除箭，我只是想給想在畫面顯示出來，用文字和箭頭 –

爲什麼不能用自己的箭頭樣式它之間的填充？ – delueg

每個瀏覽器有它自己的CSS，我們要根據瀏覽器設置一些CSS，你可以使用

-moz-appearance: none;

此

2014-05-03 09:32:50

它不起作用，顯示是一樣的 –

我落得這樣做：

* { 
    margin: 0; 
    padding: 0; 
}

並刪除該屬性：

select { 
    border: 1px solid #A3A3A3; 
}

通過這樣做，每個元素都有由瀏覽器處理的邊框。如果我不需要元素的邊框，我只需在其屬性中添加「border：none」。

的問題仍然是開放的，因爲這解決方案並沒有真正解決原來的問題。

2014-05-08 09:45:24

回答