我试图在选择选项的内部设置样式。这是我用来显示我的SQL查询结果的各个部分的代码......
echo '<option value="'.$colour_id.'">'.$range_name.' - '.$colour.$plank_display.$code_display.'</option>';
我正在尝试展示$ color&amp; $ 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使整行变粗,但我只想让这个特定的位突出。
答案 0 :(得分:1)
样式选择下拉列表和选项总是很困难,因为它们因浏览器而异。 我已经在我的网页上使用Dropkick插件进行自定义下拉菜单,而且非常棒,因为它非常容易根据您的要求进行自定义。
答案 1 :(得分:-1)
尽管添加了标记,但如果使用CSS的第n个子属性设置选项样式会更好。
e.g。如果要在列表中显示第二个选项粗体,则可以使用以下代码:
option:nth-child(2) {
font-weight:bold;
}