隐藏select边框及下拉箭头方法
2014-08-22 11:10
183 查看
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下拉列表(更换下拉箭头)的方法
- HTML中select下拉框内容显示不全部分被覆盖的解决方法
- 无下拉箭头的Select
- 表格边框/单元格之间分隔线的隐藏实现方法
- select下拉列表框---控制DIV的显示隐藏
- jquery.select.js (下拉框插件)不支持IE6 的 方法 (小心用JQuery 插件)
- 巧用css美化select下拉列表 更换下拉箭头
- Mplayer 隐藏边框和显示位置的方法
- JQuery遍历select下拉选项的方法
- select框默认样式去除(ie中隐藏默认下拉图标)
- 可编辑Select下拉列表控件实现方法(非DIV模拟)
- select下拉框回显的几种方法
- 使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。
- JAVA EE 项目经常使用知识 之AJAX技术实现select下拉列表联动的两种使用方法(让你真正理解ajax)
- 网页弹出的层被Flash 或Select 下拉列表阻挡的解决方法!
- 表格边框/单元格之间分隔线的隐藏实现方法