1

PHP を使用してリストを作成しましたselect。それをクリックしてドロップダウンからオプションを選択すると、オプション リストがページの上部にジャンプし、約 3 つのオプションが表示され、残りはページから外れます。

Chromeでのみ発生します。CSSを使用してこれを修正する方法はありますか?

関連するコードは次のとおりです。

HTML

<tr>
    <td><label>Manufacturer</label></td>
    <td>
        <select id="prodManufacturer" class="validate[required]" name="prodManufacturer">
            <?php foreach($aAllManufacturer as $aManufacturer){ ?> 
                <option value="<?php echo $aManufacturer['prod_manufacturer_id']; ?>">
                    <?php echo $aManufacturer['prod_manufacturer_name']; ?></option>
            <?php } ?>
        </select>
    </td>
</tr>

CSS

#productFormContentWrapper select {
    margin: 0;
    padding: 0;
    color: #9d1116;
    font-size: 18px;
    padding: 3px;
}
4

1 に答える 1

0

Mozilla 開発者ネットワークによると:

コントロールがスクロール リスト ボックスとして表示される場合、この属性は、一度に表示されるリスト内の行数を表します。ブラウザーは、select 要素をスクロールされたリスト ボックスとして表示する必要はありません。

単に属性を省略するsizeか、その値を0(または1、HTML5 仕様に従っている場合は に設定しますが、これは明らかにレガシーの問題を引き起こすため、今は避けてください)。

jsFiddleでライブデモをご覧ください。

参考文献:

于 2012-05-31T09:36:13.270 に答える