どのようにjQuery UIテーマによって正しく適用されたCSSをオーバーライドしますか？

Question

this question（および常識）によると、ロード後にボタンなどのjQueryUIウィジェットの特性を変更できるはずです。たとえば、特定のボタン赤の背景を設定します。

.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/