隐藏select边框及下拉箭头方法
2012-12-08 13:47
671 查看
CSS样式:
前台代码:
.width5 { width: 50px; } .width6 { width: 60px; } .width7 { width: 70px; } .width8 { width: 80px; } .width9 { width: 90px; } /*套在Select外层,用于隐藏Select框*/ .DivSelect { float:left; position: relative; background-color: transparent; height: 17px; overflow: hidden; /*隐藏了小三角,宽度为比select宽度少20px*/ border-width:0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; } /*设置Select样式*/ .SelectList { position: relative; background-color: transparent; TOP: -2px; left:-2px; border-width: 0px; border-top-style: none; border-right-style: none; border-left-style: none; border-bottom-style: none; display:block; height: 20px; overflow:hidden; }
前台代码:
<div class="DivSelect width5"> <select class="SelectList width7"> <option>双铜纸</option> <option>双胶纸</option> </select> </div>
相关文章推荐
- 隐藏select边框及下拉箭头方法
- 隐藏select边框及下接箭头方法
- HTML中隐藏掉select的下拉箭头
- html select 下拉箭头隐藏
- css美化select下拉列表(更换下拉箭头)的方法
- select、input[type=number]在各大浏览器上隐藏右侧小箭头
- Layui 设置select下拉框自动选中某项的方法
- 网页弹出的层被Flash 或Select 下拉列表阻挡的解决方法!
- jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
- 清除Css中select的下拉箭头样式
- select下拉框回显的几种方法
- mvc中大类和小类二级联动下拉框使用 select2 插件的初始加载方法
- 表格边框/单元格之间分隔线的隐藏实现方法
- 下拉列表dropdown取消默认点击隐藏及修复需要二次点击的方法
- 无下拉箭头的Select
- js控制select下拉框--动态隐藏,展示option
- select默认下拉箭头改变、option样式清除
- select自定义下拉箭头
- Angular.JS中select下拉框设置value的方法