用纯css改变select的下拉菜单
2024-08-24 16:20:15
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;
/*为下拉小箭头留出一点位置，避免被文字覆盖*/
padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
低版本ie仍存在问题
最新文章
- SQL优化案例—— RowNumber分页
- 转载 【CSS进阶】伪元素的妙用--单标签之美
- C# 使用BackgroundWorker例子及注意点
- mybatis There is no getter for property named 'xx' in 'class java.lang.String
- BZOJ4345 : [POI2016]Korale
- hdu 1421
- SQL里IN的用法以及优化
- D - 小Y上学记——要迟到了！
- 使用Scribefire在博客中插入语法高亮 II
- Ubuntu Mac OS主题分享
- Windows环境下，从零开始搭建Nodejs+Express+Ejs框架（一）---安装nodejs
- String、StringBuilder和StringBuffer的区别
- python 并发编程 操作系统 进程 并发.并行 及 同步/异步,阻塞/非阻塞
- Singly linked list algorithm implemented by Java
- 爬虫系列3：scrapy技术进阶（xpath、rules、shell等）
- 牛客网Wannafly挑战赛15 B车辆安排（模拟）AND C 出队（规律）
- Java 对象 引用，equal == string
- ida+windbg调试windows
- ZUI分页器的使用案例（ECLIPSE SMS项目）
- 深入理解Eureka - Eureka Client获取注册信息机制