在渲染HTML中的SELECT元素时,IE似乎会忽略CSS中设置的高度。是否有任何解决方法,或者我们必须接受在IE中它看起来不如其他浏览器好?
在渲染HTML中的SELECT元素时,IE似乎会忽略CSS中设置的高度。是否有任何解决方法,或者我们必须接受在IE中它看起来不如其他浏览器好?
你可以像 Facebook 一样添加一些 padding,虽然不是最理想的方案,但看起来还算不错。
不确定,但我认为这不是关于“多选”类型选择元素的高度,而是关于下拉式选择元素的问题。我遇到过下拉式搜索框看起来很挤,并且无法清晰地显示所选值的情况。这无疑与页面上使用的CSS样式信息有关。停止它的唯一方法是更改CSS(这可能会影响整个页面或部分页面,以您不想要的方式受到影响),或者在选择元素本身中使用样式信息来覆盖混淆它的CSS。例如:
<select name="myselect" id="myselect" style="font-size:15px; height:30px">
<option value="someval">somedescr</option>
...
</select>
select {
position: relative;
height: 10px !important;
display: inline-block;
}
这适用于ie7和ie8。你可能只需要height
属性,我只是添加了position
和display
来覆盖从dom上层继承的属性。