«

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

时间:2024-3-2 18:20     作者:韩俊     分类: Android


<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;
之后再设置自定义的样式。
如:

标签: android

热门推荐