selectOneMenu的大胆第二项

我有一个selectOneMenu，它拥有一个州的所有城市。 我已经创建了一个sql来将资金带到第一位，但我想大胆一点，以便让使用它更加明显。 是否有办法加粗它或做其他事情以使第二种选择更加明显？

Answer 1

由生成的HTML 元素允许非常少的细粒度样式，CSS支持依赖于浏览器。 您可以使用CSS3 :nth-child伪选择器。 例如

同

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

但这并不适用于所有浏览器。 只有Firefox吃掉它，但MSIE和Chrome没有。 后两者不这样做，因为他们不允许在选项上设置font-weight 。 但它们允许您通过color或background-color更改（背景） background-color ：

 .cities option:nth-child(2) { background-color: pink; } 

到目前为止，这适用于所有支持CSS3的浏览器（即不在MSIE8或更早版本中）。

如果你想要最好的跨浏览器兼容性，你需要用

替换

以及一大堆CSS / JS代码，使它看起来像一个真正的下拉列表。 然后，您可以单独设置

元素的样式。 你可以投入一些jQuery插件或寻找第三个JSF组件库。 PrimeFaces 3.0有一个组件就是这样做的。