定义Select下拉框的边框颜色和滚动条样式的方法

发布时间：2013-09-19 11:33:46来源：阅读（1188）

如何定义Select下拉框的边框颜色和滚动条样式
解决思路：
Select下拉框的边框颜色和滚动条的样式都是无法直接定义的，但可以用层模拟出来。
具体步骤：

方法一：只定义下拉框边框样式。



闪客之吧
蓝色理想
5D多媒体
CSDN
MSDN



方法二：定义边框和滚动条样式(通过用层来模拟实现)。




















下拉选项 6

闪吧 经典 5D 新浪 搜狐 网易 亿唐



注意：定义滚动条样式的效果需要IE5.5+的支持。
特别提示
两种方法的代码运行效果分别如图1.4.18、图1.4.19所示。

图1.4.18 改变下拉框的边框样式

图1.4.19 用层模拟的下拉框效果
特别说明
方法一通过用CSS对象的clip属性设置下拉框的剪切范围，以隐藏下拉框的原边框，然后定义下拉框父元素的边框作为下拉框的边框；而方法二就完全摒弃原来的下拉框控件，用层来模拟一个，当然，要完全一样的效果是不可能的，只能是把一些很显明的特殊模拟出来。本例涉及到的知识点比较多，但在这里不作详细讲解，在第二部分和第三部分会有专门的讲解。

http://www2.flash8.net/teach/4124.htm

http://www.flydream.cn/cms/html/webkaifa/javascript/2006/1214/420.html

转于http://blog.csdn.net/reasoncool/archive/2007/11/06/1869049.aspx