解决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右边的尾巴了

posted on 2009-05-10 10:36  廖勇军  阅读(2519)  评论(0编辑  收藏  举报

导航