Question

更新问题不在于动态生成，而在于项目数量。

请参阅演示：plunker

我必须在我的网站上选择框，两者的样式与带有白色文本的深色背景相同：

select {
    border: 1px solid #505050;
    background: #151515;
    padding: 5px;
    margin-bottom: 3px;
    color: #fff;
}

CSS正确应用于静态创建的选择框：

<select name="foo">
  <option value="bar">bar</option>
  <option value="...">...</option>
</select>

但是我也有PHP函数来动态构建选项：

function generateOptions() {
    $string = "";
    $res    = $database->connection->query("SELECT name FROM something");

    while ($row = $res->fetch()) {
        $option = '<option value="' . $row['name'] . '">' . $row['name'] . '</option>';
        $string = $string . $option;
    }

    return $string;
}

当我尝试将这些选项插入select时，CSS未应用（选项颜色为黑色（默认浏览器颜色）），我不明白为什么。你有什么建议吗？

<?php $list = generateOptions(); ?>

<form action="#" method="POST">
    <select name="foo">
        <?php echo $list; ?>
    </select>
</form>

编辑：这种情况发生在Google Chrome和Opera中。

Answer 1

因此，问题在于限制因性能原因https://code.google.com/p/chromium/issues/detail?id=513339

而设计的选项数量

CSS未应用于html select中的PHP生成的选项列表

1 个答案: