首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用CSS3是可以去掉select三角箭头,然后自定义一个图片

一,看一下select在浏览器上的表现:

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

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

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

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

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

小结一下

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

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180601A1WQKQ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券