覆蓋手機上的默認下拉（選擇）樣式

Question

如何覆蓋手機上的select元素的默認CSS？當我在Chrome瀏覽器中查看移動視圖時，其風格與我在手機上的實際顯示方式不同（galaxy s6）。我如何覆蓋它？

它的外觀在我的瀏覽器：

它的外觀我的手機（添加梯度和較厚的邊框）：

Answer 1

要刪除你需要在你寫的默認樣式款式和使用！重要的來重寫默認樣式。

例如： - margin：0！重要;

Answer 2

使用CSS3媒體查詢，這是一個有最大寬度480像素

@media only screen and (max-device-width: 480px) { 
    select { 
     //your style goes here 
    } 
}