我正在一个网站上工作,我从数据库中获取数据
通过使用以下PHP代码:
foreach($data['hellos'] as $hello) {
echo ''.$hello->name.'';
}
?>
在上面的php代码中,hellos是表名,name是该表中存在的列的名称. name列有大约10-15个元素.
上面的PHP在前端创建了一个下拉列表(它只是一个片段,它有大约10-15个元素,如上所述),如下所示:
问题陈述:
我想知道我需要添加什么CSS代码,以便我可以更改具有这两个元素(Homes和Entertainment)的背景颜色,如上图所示.
我用来改变背景颜色的CSS代码是:
select option {
background: white;
}
解决方法:
你的意思是只更改2选项的背景?
Homes
Entertainment
Others
在你的PHP上你可以像这样应用
foreach($data['hellos'] as $hello) {
$match = array('Homes','Entertainment');
$color = (in_array($hello->id, $match)) ? " style = background-color:green; " : "";
echo "".$hello->name."";
}
?>
UPDATE
如果您只想更改选项的背景颜色,只需在选项中添加内联样式即可
foreach($data['hellos'] as $hello) {
echo "".$hello->name."";
}
?>
标签:dropdown,php,select,background-color,html-select
来源: https://codeday.me/bug/20190828/1746645.html