jquery - 在 jQuery Mobile 中自定义选择菜单

Question

我正在使用带有 data-native-menu="false" 的选择元素。我想自定义一些东西，比如出现的对话框的宽度、颜色、文本对齐等。检查后我想出的元素我可以用这样的东西来定位菜单内容:

#custom-menu>li{
text-align: right !important;
color: #FF0000 !important;
}

但它不起作用。任何人都可以帮我解决这个问题吗？提前致谢。

您可以在此处查看示例 - http://jsfiddle.net/8nVTC/

Answer 1

更深入地检查，上述属性在列表项的子 anchor 元素上被覆盖，因此您必须使用它的类来设置这些:

.ui-link-inherit {
    color: #FF0000 !important;
    text-align: right;
}

http://jsfiddle.net/8nVTC/5/