如何正確覆蓋由jQuery UI主題應用的CSS？

Question

根據這個問題 （和常識），我應該能夠在加載后更改jQueryUI Widget的特性，例如按鈕。 例如，將特定按鈕的背景設置為紅色。

當我在.button（）調用之后嘗試使用css或什至使用$('.selector').css({'background-color': 'Red'}) ，該按鈕在加載時閃爍紅色並返回到jQuery UI主題。 如何停止jQuery UI覆蓋替代？

Answer 1

jQuery UI為元素創建完成后提供了一個簡潔的回調。 那就是您要進行顏色更改的地方。

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

Answer 2

您是在選擇button元素還是其子span標記？ 這個例子對我有用：

http://jsfiddle.net/8UvZ5/