我在一个网站上工作,我正在从数据库中获取数据 通过使用以下 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;
}
最佳答案
您的意思是仅更改 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>";
}
?>
关于php - 如何更改select标签中下拉列表的背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51645206/