html - 在 html 选择选项中使用 或

Question

我正在尝试设置选择选项内部的样式。这是我用来显示我的 sql 查询结果的各个部分的代码 ...

echo '<option value="'.$colour_id.'">'.$range_name.' - '.$colour.$plank_display.$code_display.'</option>';

我正在尝试以粗体/粗体显示 $colour 和 $plank_display

我试过了..

echo '<option value="'.$colour_id.'">'.$range_name.' - <span style="font-weight: bold;">'.$colour.$plank_display.'</span>'.$code_display.'</option>';

和...

echo '<option value="'.$colour_id.'">'.$range_name.' - <strong>'.$colour.$plank_display.'</strong>'.$code_display.'</option>';

但似乎都没有产生我正在寻找的结果。

没有其他样式应用于表单，甚至还没有附加到页面的样式表。

有什么想法吗？还是我以错误的方式解决了这个问题。

我可以在样式表中使用 css 对选项应用样式，使整行变为粗体，但我只想突出这个特定的部分。

Answer 1

样式选择下拉菜单和选项总是很困难，因为它们因浏览器而异。我用过 Dropkick我网页上的自定义下拉列表插件，它非常棒，因为它很容易根据您的要求进行自定义。