做了一个网页选择省市区,自己给了一个自定义样式的下拉三角的图片,唯独ie9下出现了两个下拉三角,一个是默认的,一个是自定样式的,用了多种方法还是不行。后来想让在ie9下只显示默认的,不显示自定义的,其他浏览器用自定义的,也是实现不了,哪位大神可以指导我一下。
这个东西在IE8下是不可能的
幸运的是你问的是在ie9下,ie9下是可以的,是通过Hack的方式来搞定的
你在下拉框外面添加一个div包着这个下拉框,然后用一些内容去挡住这个下拉三角。 如下请参考
div { position:relative; display:inline-block; z-index:0 } div select { z-index:1; } div:before { display:block; position:absolute; content:''; right:0px; top:0px; height:1em; width:1em; margin:2px; background:red; z-index:5; }
如果觉得满发的话,请给我点园豆,谢谢。而且目前只有这样的办法了。
这个方法我已经用过啦~但是自己加上去的那个下拉三角点击就没有反应了,加了js样式又出现了好多问题,心好累
干脆自己写个自定义的下拉列表框,就不用受select限制
这个改起来不方便
@Chitty: 你会就方便,不会就不方便了