优秀的编程知识分享平台

网站首页 > 技术文章 正文

小郑搞码事:用CSS3可以去掉select三角箭头，然后自定义一个图片

nanyue 2024-09-15 23:26:51 技术文章 7 ℃

点击右上方红色按钮关注“小郑搞码事”，每天都能学到知识，搞懂一个问题！

一，看一下select在浏览器上的表现：

css3有一个属性apperance，允许您使元素看上去像标准的用户界面元素。将下面这段代码放在select的样式中：

这样就可以将这个默认的箭头去掉。看一下效果

这样的话，我们可以自定义一个三角图片背景放到上面去。一个完全自定义的select样式就可以完成了。

二，看一下这个属性的兼容性

覆盖率占到90%以上，还是有必要研究一下，好好的应用到实际项目中。

小结一下

button等元素在safari上的那些默认样式，用这个属性也可以让它表现的和正常样式设置的效果一样。

Tags：

猜你喜欢

最近发表
标签列表