php - 如何更改select标签中下拉列表的背景颜色？

Question

我在一个网站上工作，我正在从数据库中获取数据通过使用以下 PHP 代码:

<select class="form-control" id="mySelect" name="mySelect">
        <?php
        foreach($data['hellos'] as $hello) {
            echo '<option value="'.$hello->hello_id.'">'.$hello->name.'</option>';
        }
        ?>
</select>

在上面的 php 代码中，hellos 是表名，name 是该表中列的名称。 名称列 包含大约 10-15 个元素。

上面的 PHP 在前端创建了一个下拉菜单(它只是一个片段，它有大约 10-15 个如上所述的元素)，如下所示:

问题陈述:

我想知道我需要添加哪些 CSS 代码，以便我可以更改具有这 2 个元素(家庭和娱乐)的背景颜色，如上图所示。

我用来改变背景颜色的 CSS 代码是:

select option {
    background: white;
}

Answer 1

您的意思是仅更改 2 个选项的背景吗？

<select>
<option></option>
<option style = 'background-color:green;'>Homes</option>
<option style = 'background-color:green;'>Entertainment</option>
<option>Others</option>
</select>

在你的 php 上你可以像这样应用它

 <select class="form-control" id="mySelect" name="mySelect">
    <?php
    foreach($data['hellos'] as $hello) {
        $match = array('Homes','Entertainment');
        $color = (in_array($hello->id, $match)) ? " style = background-color:green; " : "";
        echo "<option value='".$hello->hello_id."' " . $color . ">".$hello->name."</option>";
    }
    ?>

更新鉴于您只想更改选项的背景颜色，只需在选项中添加内联样式即可

<select class="form-control" id="mySelect" name="mySelect">
    <?php
    foreach($data['hellos'] as $hello) {
        echo "<option value='".$hello->hello_id."' style = background-color:green;>".$hello->name."</option>";
    }
    ?>