javascript - jqueryコードの行にスタイルを追加するにはどうすればよいですか？

Question

読み取り専用のテキストボックスが灰色になるように、以下のコードにスタイルを追加するための最良の方法を知りたいですか？

$("[class*=q" + i + "_mark]").val(t_marksHtml).attr('readonly', true);

score 4 · Accepted Answer

試す

 $("selector for textbox").addClass("read-only-state");

.read-only-stateクラスでcssを適用します

 .read-only-state{
  color:#333;
  background:grey;
  }

score 2 · Accepted Answer

これは純粋なCSSで実行できます。

textarea[readonly]{
  color: grey;
}

または（さらに良い）ブラウザに任せます。

score 1 · Accepted Answer

1

CSS

textarea[readonly]
{
    background: #999;
}

于 2012-12-13T12:29:28.403 に答える

score 1 · Accepted Answer

純粋なCSSを使ってみませんか？

input[readonly]
{
    background-color: grey
}

score 1 · Accepted Answer

属性セレクターを使用するだけです

$("input:[readonly]").css({"background":"#666"});

しかし、CSSを使用する方が良いのは

input[readonly]{
  background: #666;

}

score 0 · Accepted Answer

基本的に、これは読み取り専用属性を持つすべてのhtmlタグに使用します。

$("[readonly]").css("background-color","#CCC");

入力タグのみ

$("input:[readonly]").css("background-color","#CCC");

6 に答える 6