JQuery selectmenu如何以不同的方式设置一些选项
可能是一个简单的人，但我真的很挣扎。 非常感谢一些帮助或建议，如果有人可以提供它，谢谢。
我正在使用JQuery selectmenu，我想要做的就是为任何具有特定类的OPTION设置不同的样式。 这个类是“outofstock”，所以我的代码如下;
item 1 item 2 item 3 我想要第二个选项有class =“outOfStock”，用不同的文字或BG颜色设置样式。
我已经尝试了许多（很多，很多）变种，但却无法获得任何效果。
.ui-selectmenu-menu-item .outOfStock{background:red;}
任何指针都将不胜感激，谢谢。
你可以尝试这个，它非常简单：
$('.outOfStock').css('color','#454545');
而不是使用
你应该使用
既然你想运行jQuery而不是css样式。
你快到了。 尝试：
谨慎使用！重要。 更多信息在这里
CSS在样式select及其后代option元素方面几乎无用，因为它们通常由OS /平台呈现，而不是浏览器本身。
但是，您可以使用disabled属性来区分它们：
$('option.outOfStock').prop('disabled', true);
可能不是您正在寻找的答案，但在最糟糕的情况下，您可以始终使用内联样式，因为它可以在选择标记上顺利运行…
感谢所有的建议，其中一些是部分工作的，但是这似乎在不同的浏览器上做了一致的工作并且还覆盖了SELECTED状态的项目
.ui-selectmenu-menu .outOfStock{background:red;} /* item in the list */ .outOfStock .ui-selectmenu-status{background:red;color:#333} /* item when selected */
这个提示可能会帮助有人试图找到.ui风格……我花了很多时间来研究在各种菜单状态（打开，hover，选择）中涉及哪些.ui风格 – 最后我意识到我所要做的就是打开Chrome（或Firefox），设置Firebug，右键单击我的元素（在本例中为我的选择菜单项）并选择“inspect Element”。 然后Firebug向我展示了他们进场时的所有风格。 然后我可以清楚地看到样式随着菜单项处于各种状态而变化，hover，选择等等。一旦你知道要定位的样式/类，其余的就很容易了……希望这有助于其他人。 Firebug救援:)