【笔记】css 自定义select 元素的箭头样式

原文链接:https://www.imooc.com/qadetail/187585?t=281881文章来源地址https://www.yii666.com/article/754050.html网址:yii666.com

最近项目需要自定义select 元素的样式,搜索了一下发现了通过设置select 元素 css 的 appearance 属性为 none,再通过设置背景图片 background-image 另其显示一个自定义的箭头即可网址:yii666.com<

代码如下:文章地址https://www.yii666.com/article/754050.html文章来源地址:https://www.yii666.com/article/754050.html

/* 清除部分现代浏览器的 select 默认样式 */
appearance:none;
-moz-appearance:none;
-webkit-appearance:none; /* 清除ie 浏览器的默认样式 */
select::-ms-expand {
display: none;
}

版权声明:本文内容来源于网络,版权归原作者所有,此博客不拥有其著作权,亦不承担相应法律责任。文本页已经标记具体来源原文地址,请点击原文查看来源网址,站内文章以及资源内容站长不承诺其正确性,如侵犯了您的权益,请联系站长如有侵权请联系站长,将立刻删除

【笔记】css 自定义select 元素的箭头样式-相关文章

  1. 【笔记】css 自定义select 元素的箭头样式

  2. [分享] 通过修改CSS自定义chrome滚动条样式

  3. m_Orchestrate learning system---三十六、如何修改插件的样式(比如ueditor)

    m_Orchestrate learning system---三十六、如何修改插件的样式(比如ueditor)一、总结一句话总结:所有的js,html插件,修改样式无非是两种,一是直接修改css,二是通过js来直接修改css直接修改css 通过js修改css1、php数组去掉键(比如echart数组只要值)?array_values()将php数据装换为js

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信图片_20190322181744_03.jpg

微信扫一扫打赏

请作者喝杯咖啡吧~

支付宝扫一扫领取红包,优惠每天领

二维码1

zhifubaohongbao.png

二维码2

zhifubaohongbao2.png