1

要素ごとに自分のcssファイルにjqueryuiクラスを追加する方法はありますか?IE:

       input { 
               ui-corner-all  /*  <- JQuery UI class */ 

              }

すべての入力にクラスを追加するのとは対照的に、IE:

       <input name="myinput" type="text" class="ui-corner-all"  value="" />
4

4 に答える 4

1

LESSをチェックできます。これは、SOに関する非常によく似た質問です。CSSクラスは1つ以上の他のクラスを継承できますか?

LESSは、CSSの拡張機能であり、変数、ネストされたルール、関数、操作などを使用した高度な抽象化です。

于 2013-01-17T21:07:16.737 に答える
0

jQuery.addClassメソッドを使用して、次のようなページの読み込みを含め、いつでも要素にクラスを追加できます。

$(function() {
  $(input).addClass('ui-corner-all');
});

これによりui-corner-all、ページの読み込み時にhtmlのすべての入力要素にクラスが追加されます。ページ上の特定の要素のみを選択する場合は、次のようなより具体的な選択を使用します。

$(function() {
  $('#myInput').addClass('ui-corner-all');
});

ui-corner-allこれにより、IDが。のページ上のすべての要素にクラスが追加されますmyInput

于 2013-01-17T21:01:27.720 に答える
0

Sassをチェックすることを検討することをお勧めします。これにより、@extendを介してcssクラスを独自のクラスに拡張するオプションが提供されます。

これは便利なSass+Compassビデオです

その後、これを行うことができます

このように、クラスを追加するためにjavascriptに依存する必要はありません。それはすべてcssを介して行われます。

お役に立てれば!

于 2013-01-17T21:08:15.737 に答える
0

これを実現するために、LESSなどのプリプロセッサを使用することもできます。ui.cssとして保存するui.less必要があり、次のようなことができます。

@import url(ui.less);

input {
  .ui-corner-all;
}

less to cssをコンパイルした後、ui-corners-allクラスのすべてのスタイルを取得し、それらを入力に適用します。これは、cssプリプロセッサを使用することの多くの利点の1つにすぎません。あなたがcssに精通しているなら、それは本当に調べる価値があり、学ぶのはそれほど難しいことではありません。あなたはここでより多くの情報を見つけることができます:http://lesscss.org/

于 2013-01-17T21:10:19.653 に答える