jquery - 如何在选择菜单中为选项设置单独的样式 (css) (jquery-ui : selectmenu)

Question

我有一个 html 表单:选择

<select id = 'myselect'>
<option value = '1'>1</option>
<option value = '2'>2</option>
...
<option value = 'N'>N</option>
</select>

我使用 jquery-ui 绘制漂亮的图画

$('#myselect').selectmenu();

我需要盒子 1 有自己的风格

怎么做？设置 id，类不起作用 :(

我认为我应该做以下事情:

1) 创建“经典”选择表单的 html 代码

2) 将创建的“经典”选择表单加入 jquery-ui

3) 在 jquery-ui selectmenu 中查找元素(如何？)

4) 设置为找到的元素新类名

5) 使用 css 作为类名

Answer 1

Twisty，非常感谢您的想法指导

决定:

$.widget( "ui.selectmenu", $.ui.selectmenu, {
    _my_render: function( item ) {          
        return $("<div" + ((item.element[0].attributes.my_level == undefined) ? ("") : (" class = '_my_class'")) + ">" + item.label + "</div>");
    },

    _renderItem: function( ul, item ) {

        return $( "<li>" )
            .append(this._my_render(item))
            .appendTo(ul);
    },
});