CSS3-如何实现下拉列表的边框样式在IE7下兼容

Question

在ie7下 对下拉列表设置的边框样式不起作用

Answer 1

个人认为 你把样式写完整一点试下，如 border-width ，border-color 这样来定义试试。不过我没试过，见谅

Answer 2

这种情况，一般用Js或者Jquery来模拟，select
代码如下：

<div class="r">
<dl class="link" id="link">
<dt>友情链接</dt>
<dd>
<ul>
<li><a href="###" target="_blank">友情链接一</a>
`<a href="###" target="_blank">友情链接二</a>`</li> </ul>
</dd>
</dl>
</div>

css代码：

div.bottomTop div.bottomTopRight dl.link {
margin-right:0px;
display:inline-block;
border:1px solid #484848;
margin-left:15px;
font-size:12px;
margin-top:15px;
width:90px;
height:18px;
}
div.bottomTop div.bottomTopRight dl.link dt {
background:url(../images/select_bg.gif) no-repeat 7px center;
color:#515151;
text-indent:18px;
height:18px;
line-height:18px;
width:90px;
cursor:pointer;
font-family:宋体;
}
div.bottomTop div.bottomTopRight dl.link dd {
display:none;
position:relative;
}
div.bottomTop div.bottomTopRight dl.link ul {
position:absolute;
right:0px;
bottom:19px;
display:block;
width:90px;
background:#999999;
}
div.bottomTop div.bottomTopRight dl.link ul li {
height:22px;
line-height:22px;
text-align:left;
text-indent:18px;
}
div.bottomTop div.bottomTopRight dl.link ul li a {
color:#515151;
font-family:宋体;
}

jquery代码：

<script type="text/javascript">
$(function(){
$('#link dt').click(function(){
$('#link dd').toggle();
});
})
</script>

要注意一点的是，要实现这个效果，<dd></dd>千万别加高度，