选择框选项列表显示为关机Chrome的页面(Select box option-list appea

我创建了一个select使用PHP名单，并在其上点击时向下选项列表跳转到显示约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;
}

Answer 1:

根据Mozilla的开发者网络：

如果控制是作为一个滚动列表框中，这个属性代表行的列表中应该在同一时间可见数量。 不需要浏览器呈现一个选择的元素作为滚动列表框。

简单地忽略size属性，或者其值设置为0 （或1 ，如果按照HTML5规范，但是这显然会导致遗留问题，所以避免了它）。

见现场上的jsfiddle演示 。

参考文献：

• select在MDN元素

文章来源: Select box option-list appears off the page in Chrome