标签：dropdown php select background-color html-select

我正在一个网站上工作,我从数据库中获取数据
通过使用以下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是该表中存在的列的名称. name列有大约10-15个元素.

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

问题陈述：

我想知道我需要添加什么CSS代码,以便我可以更改具有这两个元素(Homes和Entertainment)的背景颜色,如上图所示.

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

select option {
    background: white;
}

解决方法:

你的意思是只更改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>";
    }
    ?>

UPDATE
如果您只想更改选项的背景颜色,只需在选项中添加内联样式即可

<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>";
    }
    ?>

标签：dropdown,php,select,background-color,html-select
来源： https://codeday.me/bug/20190828/1746645.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。