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

只需使用属性选择器

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

但最好只使用 CSS 作为

input[readonly]{
  background: #666;

}

score 1 · Accepted Answer

为什么不使用纯 CSS？

input[readonly]
{
    background-color: grey
}

score 1 · Accepted Answer

1

CSS

textarea[readonly]
{
    background: #999;
}

于 2012-12-13T12:29:28.403 回答

score 0 · Accepted Answer

基本上，将其用于所有具有 readonly 属性的 html 标签。

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

只输入标签

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

6 回答 6