スクリプトシナリオなしで、jQuery UIによってオーバーライドされるデフォルトのCSSスタイルを提供する最良の方法は何ですか？

Question

たとえば、ポケットベルがあります << 1 2 3 4 5 6 7 8 >> すべてのナビゲーション要素が通常のHTMLリンクである私のページで。 JSが有効になっている最新のブラウザの場合、私はそれらを美しくしたいと思います jQuery's .button（）. 。しかし、NoScriptシナリオのために何かを持ちたいと思います。明らかに、リンクにいくつかのCSSスタイリングを追加する必要がありますが、カスタムCSSがJQueryのスタイリングを台無しにしないことをどのように知ることができますか？

これは不必要な懸念ですか？ jQueryは、要素の以前のスタイリングをクリアするための機能を提供しますか？

Answer 1

jQuery UI独自のStyleSheetを使用してください。彼らを見てください フレームワークのドキュメント- 非常に簡単です。

jQuery UIのCSSフレームワークを使用する多くのProの中には、堅牢でクロスブラウザー互換性のあるCSSがあります。バグフィックスの固体ストリーム（ある場合）。また、アプリケーションの配色を変更することにした場合。あなたがする必要があるのは、スタイルシートを新しいものに置き換えることだけです テーマロール

言うまでもなく; jquery uiは、自分のCSSをオーバーライド/フラックすることはできません。また、JavaScriptを有効にしていない場合と同じように見えるポケットベルを取得できます。

ヒント：jQuery UI CSSフレームワークのドキュメントを読む時間がない場合。使用する Firebug （Mozilla Firefoxアドオン）jQuery UIによって生成されたHTMLを検査し、それをノースクリプトマークアップに適用します。

アップデート

ボタンに作られたリンクを検査しました。 Jquery UIのButttonプラグインによって生成されたマークアップは次のとおりです。

<a href="#" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
    <span class="ui-button-text">An anchor</span>
</a>

Answer 2

簡単な解決策は、ノスリプトシナリオで使用されるページャーにクラスを適用し、ボタンをセットアップした後にJavaScriptを使用してそのクラスを削除するだけです。