一,看一下select在浏览器上的表现:
css3有一个属性apperance,允许您使元素看上去像标准的用户界面元素。将下面这段代码放在select的样式中:
这样就可以将这个默认的箭头去掉。看一下效果
这样的话,我们可以自定义一个三角图片背景放到上面去。一个完全自定义的select样式就可以完成了。
二,看一下这个属性的兼容性
覆盖率占到90%以上,还是有必要研究一下,好好的应用到实际项目中。
小结一下
button等元素在safari上的那些默认样式,用这个属性也可以让它表现的和正常样式设置的效果一样。
领取专属 10元无门槛券
私享最新 技术干货