清除Css中select的下拉箭头样式
来源:互联网 发布:淘宝爆款是什么意思 编辑:程序博客网 时间:2024/05/22 08:24
只需要将以下代码放入css文件中即可:
如果想要有差别的取消,选择对应的选择器即可
对bootrap的select2同样适用
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; }
1 0
- 清除Css中select的下拉箭头样式
- 清除Css中select的下拉箭头样式
- css清除select默认下拉箭头
- CSS怎么去掉select的下拉箭头样式(转)
- select默认下拉箭头改变、option样式清除
- 修改select右侧的下拉箭头样式
- css美化select下拉列表(更换下拉箭头)的方法
- select下拉箭头样式改变问题
- 【CSS清除select原始样式】
- 无下拉箭头的Select
- css空箭头的样式
- css样式实现的箭头
- 巧用css美化select下拉列表 更换下拉箭头
- 漂亮的下拉列表 select样式 css处理 特效
- css改变下拉列表select框的默认样式
- 修改下拉列表<select>的默认css样式
- 【CSS修改下拉选框select的默认样式】
- 纯css修改下拉列表select的默认样式
- HTML中常见的标签及意义(一)
- 用chsh选择登录shell
- Tomcat配置不使用项目名访问并修改为80端口
- Poj 1014简单dfs
- hadoop学习笔记之二:分布式系统中的CAP理论
- 清除Css中select的下拉箭头样式
- 浏览器兼容性问题总结2
- (Java)LeetCode-67. Add Binary
- redis 学习指南
- Eclipse中大小写变换的快捷键
- synchronized(this)总结
- 19. Remove Nth Node From End of List
- 第10章 结构型、共用型、枚举型及用户自定义型数据
- 相机、相册使用