移动端select菜单无法修改默认样式

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

但是在移动端，设置的样式会不起作用，如下图：

因为ios和安卓系统有默认的菜单样式，要想设置自定义的样式，需要添加一个样式

-webkit-appearance: none;

之后再设置自定义的样式。

如：