夏易网络

您的当前位置:首页 > 新闻动态 > 网站建设学堂 >

隐藏去掉select右边的下拉三角,自定义select下拉的ico图标,兼容IE火狐谷歌苹果浏览器

2021-03-01 11:48:12   来源:夏易网络   评论:0 点击:
select的下三角有时候tin挺烦人的,那么怎么去掉这个三角,自己定义一个好看一点的三角ICO图标呢?其实只要写几行css即可:

清除火狐、谷歌、苹果等浏览器的默认选择框样式,隐藏下拉箭头
select{
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari 和 Chrome */
background:url(../xxx/xxx.jpg) calc(100% - 10px) center no-repeat; /* 自定义一个小sanji三角*/
}

清除ie浏览器的默认选择框样式,隐藏下拉箭头
select::-ms-expand { display: none; }

 
新闻动态
网站建设学堂
网站优化学堂
网络行业新闻
夏易网络动态
推荐文章
如何查看网站哪些图片或文件影响网站打开速度?
如何让网站打开速度更快之图片压缩
大型企业网站建设需要注意的几个问题
高端企业网站建设PK低端企业网站建设
网站SEO优化是什么意思?