解决IE6 Select 无边框样式的问题
在一般情况下 IE6都是默认有边框的
而且 不能像FF一样 可以给个 border:0;解决
所以必须要想别的法子了
不过根据IE的对CSS解读的特性 解决这个问题方法倒也有好几种
不过我认为最简单的就是 一行css的设置
select{
margin:-2px;
}
直接把边框给藏到另一个空间去了。
当然有的时候但这样设置是不可以的 因为会发现 select的边框是没有了 但是后面尾部 还会有个小的线
不仅没有达到目的
而且比原来更丑了
这时候再加上另一句
* 这里的div是指select外面的一个包裹的层
为了更好的遮掉select后面的尾巴 这里的宽度 可以比select的宽度 小一点 保证select的选择按钮能完全看到就可以了
div select{
width:(根据里面select的宽度来设置);
overflow:hidden;
}
这样就直接HIDDEN掉select右边的尾巴了
而且 不能像FF一样 可以给个 border:0;解决
所以必须要想别的法子了
不过根据IE的对CSS解读的特性 解决这个问题方法倒也有好几种
不过我认为最简单的就是 一行css的设置
select{
margin:-2px;
}
直接把边框给藏到另一个空间去了。
当然有的时候但这样设置是不可以的 因为会发现 select的边框是没有了 但是后面尾部 还会有个小的线
不仅没有达到目的
而且比原来更丑了
这时候再加上另一句
* 这里的div是指select外面的一个包裹的层
为了更好的遮掉select后面的尾巴 这里的宽度 可以比select的宽度 小一点 保证select的选择按钮能完全看到就可以了
div select{
width:(根据里面select的宽度来设置);
overflow:hidden;
}
这样就直接HIDDEN掉select右边的尾巴了