在jquery mobile中自定义选择菜单

时间:2011-08-23 09:02:04

标签: jquery html5 css3 jquery-mobile

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

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

但它不起作用。任何人都可以帮我这个吗?。提前谢谢。

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

1 个答案:

答案 0 :(得分:2)

更深入地检查,上面的属性会在列表项的子锚元素上被覆盖,因此你必须使用它的类来设置它们:

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

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