框选择类别选择

Question

请检查这个Jsfiddle。 http://jsfiddle.net/0qvhr1yo/1/

我想要的是拥有一些<options>喜欢篮子或足球＆gt;以粗体<b></b>进入中心（文字：aligh：center）所以这就像整个框中的一个类别。像<p></p>一样。不幸的是，它不接受任何纯文本或段落属性。有什么想法吗？

提前致谢。

Answer 1

您的列表需要<optgroup>标记。见JSFiddle

Answer 2

1）中心

• 解决方法：在CSS中使用indent：

  text-indent: 10px;
  

2）大胆

• 您可以在CSS中使用：font-weight

  font-weight:bold;
  

• 如果您不希望每个<option>使用它，请使用nth-child

Answer 3

您可以为您的<option>类别分配css类。 E.g。

<option class="category">Football</option>
<option href="#">Champions League</option>

然后创建一个css规则，如：

.category {
text-align:center;
font-weight: bold;
background-color:grey;
}

小提琴演示：http://jsfiddle.net/0qvhr1yo/5/

请注意，如果您希望类别具有可区分的不同权重，则必须将#cat css规则更改为font-weight:normal而不是font-weight:600。