如何正确覆盖jQuery UI主题应用的CSS?

时间:2012-02-15 23:02:16

标签: javascript css jquery-ui

根据this question(和常识),我应该能够在加载后更改jQueryUI小部件的特征,例如按钮。例如,设置特定按钮红色的背景。

当我尝试使用css或甚至在.button()调用之后使用$('.selector').css({'background-color': 'Red'})时,该按钮在加载时闪烁红色并返回到jQuery UI主题。如何阻止jQuery UI覆盖覆盖?

2 个答案:

答案 0 :(得分:3)

jQuery UI在创建元素时提供了一个简洁的回调。那就是你想要做换色的地方。

$( ".selector" ).button({
    create: function(event, ui) {
    $('.selector').css({'background-color': 'Red'})
}
});

答案 1 :(得分:2)

您是在选择button元素还是其子span标记?这个例子对我有用:

http://jsfiddle.net/8UvZ5/