在IE中设置SELECT的高度

29

在渲染HTML中的SELECT元素时,IE似乎会忽略CSS中设置的高度。是否有任何解决方法,或者我们必须接受在IE中它看起来不如其他浏览器好?

14个回答


1

你可以像 Facebook 一样添加一些 padding,虽然不是最理想的方案,但看起来还算不错。


0

不确定,但我认为这不是关于“多选”类型选择元素的高度,而是关于下拉式选择元素的问题。我遇到过下拉式搜索框看起来很挤,并且无法清晰地显示所选值的情况。这无疑与页面上使用的CSS样式信息有关。停止它的唯一方法是更改CSS(这可能会影响整个页面或部分页面,以您不想要的方式受到影响),或者在选择元素本身中使用样式信息来覆盖混淆它的CSS。例如:

<select name="myselect" id="myselect" style="font-size:15px; height:30px">
<option value="someval">somedescr</option>
...
</select>

希望这能有所帮助。

0
我想将选择框的高度设置为小于默认值。我使用了以下代码:
select {
   position: relative;
   height: 10px !important;
   display: inline-block;
}

这适用于ie7和ie8。你可能只需要height属性,我只是添加了positiondisplay来覆盖从dom上层继承的属性。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接