在html中使用<strong>或<span>选择选项

时间:2015-08-05 09:25:58

标签: html css select

我试图在选择选项的内部设置样式。这是我用来显示我的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使整行变粗,但我只想让这个特定的位突出。

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:-1)

尽管添加了标记,但如果使用CSS的第n个子属性设置选项样式会更好。

  1. 安道尔
  2. 的Grandvalira
  3. 瓦尔诺德
  4. e.g。如果要在列表中显示第二个选项粗体,则可以使用以下代码:

    option:nth-child(2) {
        font-weight:bold;
    }
    

    这是小提琴:http://jsfiddle.net/Sotiris/sqshN/