0

IE7 は、IE8+ や FireFox と比較して、選択ボックスに内部パディングを追加しているように見えます。

フィドル: 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 に答える