は、Jquery.uiを継承するテキストフィールドを拒否します。CSS

Question

私のテキストフィールドがjquery.uiのCSSを継承することを主張する小さな問題があります。このテキストフィールドは、jquery.uiタブスクリプト内にあります。 jquery uiタブのclassを追加します。これをどうやって拒否して、テキストフィールドにCSSを継承しないようにすることができますか？

は、ここでは、テキストフィールド

<input type="text" class="required" maxlength="50" value="" name="class1" /> 

Jquery.uiタブがそれにクラスを与えるにあるページのロード時に自動的にjQuery UIがどのように動作するかだ

<input type="text" class="required ui-wizard-content ui-helper-reset ui-state-default" maxlength="50" value="" name="class1"> 

Answer 1

。 $（document）.ready（）にJavaScriptで入力を追加することができます。 jQuery UIがすべてのバインディングを完了した後に入力を追加すると、その問題を回避できるはずです。

おそらく最良の解決策（クライアントサイドフォームの作成）ではなく、うまくいくはずです。

Answer 2

jQuery UIクラスを使いこなすことは、ほとんどの場合面倒です。ライブラリは大きく依存しています。それらを乱用すると、いくつかの望ましくない副作用が生じるかもしれません。

現在、私は、jQuery UIと、組み込みのものの周りに構築したカスタムウィジェットを使用して、かなり大きなプロジェクトに取り組んでいます。私たちがこの問題を解決したのは、jQueryから継承したものが好きでないすべてのプロパティをオーバーライドするより具体的なCSSでした。

たとえば、jQuery UI CSSファイルをページの後ろに追加し、それは愚かだし、そこに時々実施するためのプロパティの多くは、右の十分な特異性を得て（あなたが望むものに影響するのではなく、何もないが）権利を取得するために数回の試行を取ることができている

input.required, input.ui-wizard-content, 
input.ui-helper-reset input.ui-state-default, 
input.ui-helper-reset.ui-state-default { 
    /* override properties here */ 
} 

が、一般的には：そこにこれはあなたがこの問題を解決するために得ることができる皮の痛みです。