在移动设备上覆盖默认下拉列表（选择）样式

Question

如何在手机上覆盖select元素的默认css？当我在Chrome中查看移动视图时，其风格与我在手机上的实际外观（galaxy s6）不同。我怎么能覆盖它？

它在浏览器中的显示方式：

它在我的手机上的外观（添加了渐变和更粗的边框）：

Answer 1

要删除默认样式，您需要在样式上书写并使用！重要的来覆盖默认样式。

例如： - 保证金：0！重要;

Answer 2

使用CSS3媒体查询，这是最大宽度为480像素的设备示例

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