0

与 IE8+ 和 FireFox 相比，IE7 似乎为选择框添加了内部填充。

小提琴：http: //jsfiddle.net/R4KhQ/7/

在 Firefox 中，所有表格行都出现在固定高度的 div 内。div 上没有滚动条。在 IE7 中，选择元素更大，因此会将一些表格行推离 div 的底部。然后出现滚动条。

如何标准化选择框样式，以便在不切断文本的情况下跨浏览器高度相同？

HTML

<div id="container">
<table>
    <tr>
        <th>column1</th>
        <th>column2</th>
        <th>column3</th>
    </tr>
    <tr>
        <td>column1</td>
        <td>column2</td>
        <td>
            <select>
                <option>An Option</option>
                <option>Another Option</option>
                <option>Yet Another Option</option>
            </select>
        </td>
    </tr>

（重复 tr 行）

</table>
</div>

CSS

#container {
    border: 1px solid black;
    width: 500px;
    height: 330px;
    overflow: auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

th{
    font-weight: bold;
}
4

1 回答 1

1

你，我的朋友，错过了 reset.css 的荣耀。拥抱自己

http://www.cssreset.com/?utm_expid=37596592-1

编辑：没有解决方法。

Edit2：这里有更多讨论 -在 IE 中设置 SELECT 的高度

于 2012-11-15T16:36:01.297 回答