Html 如何在不同选项的选择框中显示不同的颜色

Html 如何在不同选项的选择框中显示不同的颜色,html,css,Html,Css,我有一段代码,其中显示一个多选框,并根据if语句显示选项: $moduleSELECT = '<select name="moduletextarea" id="moduleselect" size="10">'.PHP_EOL; if($modulenum == 0){ $moduleSELECT .= "<option disabled='disabled' value=''>No Modules currently on this Course<

我有一段代码,其中显示一个多选框,并根据if语句显示选项:

$moduleSELECT = '<select name="moduletextarea" id="moduleselect" size="10">'.PHP_EOL;      

if($modulenum == 0){

$moduleSELECT .= "<option disabled='disabled' value=''>No Modules currently on this Course</option>";   


}else{   

while ( $currentmodstmt->fetch() ) {

$moduleSELECT .= sprintf("<option disabled='disabled' value='%s'>%s - %s</option>", $dbModuleId, $dbModuleNo, $dbModuleName) . PHP_EOL; 
}

}

$moduleSELECT .= '</select>';
$moduleSELECT=''.PHP\u EOL;
如果($modulenum==0){
$moduleSELECT.=“本课程目前没有模块”;
}否则{
而($currentmodstmt->fetch()){
$moduleSELECT.=sprintf(“%s-%s”、$dbModuleId、$dbModuleNo、$dbModuleName).PHP\u EOL;
}
}
$moduleSELECT.='';
现在,通过在互联网上做一些研究,我认为在选项标签中包含标签是不好的做法。所以我的问题是,如果if语句为true,其中记录数为0,那么如何显示
“本课程当前没有模块”的文本为红色,如果满足else语句,如何显示这些选项
sprintf(“%s-%s”、$dbModuleId、$dbModuleNo、$dbModuleName)。PHP_EOL黑色文本


谢谢

只需将css样式设置为select(如果没有选项),在本例中
颜色:红色

您也可以为选项设置不同的颜色,只需在每个选项上设置不同的颜色即可。这里的提琴示例:

只需将css样式设置为select(如果没有选项),在本例中
颜色:红色

您也可以为选项设置不同的颜色,只需在每个选项上设置不同的颜色即可。这里举个例子:

我不相信你可以用CSS设计单个的
标签,但是你可以像@kennypu指出的那样设计整个

使用更好/更直观的UI实现所需结果的另一种方法可能是仅在实际有数据要放入标记时输出
标记。当
$modulenum==0
时,也许您应该输出一些可以正确设置样式的不同HTML

HTML


我不相信你可以用CSS设计单个的
标记,但是你可以像@kennypu指出的那样设计整个

使用更好/更直观的UI实现所需结果的另一种方法可能是仅在实际有数据要放入标记时输出
标记。当
$modulenum==0
时,也许您应该输出一些可以正确设置样式的不同HTML

HTML


向上投票和最佳答案,不知道你们可以把一个类放在选项标签中,但正如你们所展示的,你们可以向上投票和最佳答案,不知道你们可以把一个类放在选项标签中,但正如你们所展示的,你们可以
<div class='no-data'>No Modules currently on this Course</div>
.no-data{
  background-color: #CCC;
  color: red;
  padding: 5px;
}