How to add a style in line of jquery code?

Question

I want to know what is the best way to add a style in the code below so that the readonly textboxs are coloured grey?

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

readonly boxes are greyed out per default in decent browsers? — Christoph
– Christoph, Commented Dec 13, 2012 at 12:27
Are we classing firefox as decent browsers lol, because it isn't doing it in firefox. But that maybe because in my code depending on situation, some text inputs are readonly and some are not — user1881090
– user1881090, Commented Dec 13, 2012 at 12:33

Murali Murugesan · Accepted Answer · 2012-12-13 12:23:46Z

4

Try

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

and apply css in .read-only-state class

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

answered Dec 13, 2012 at 12:23

Murali Murugesan

22.6k18 gold badges76 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

John Dvorak · Accepted Answer · 2012-12-13 12:28:41Z

2

This can be done in pure CSS:

textarea[readonly]{
  color: grey;
}

or (better yet) left to the browser.

answered Dec 13, 2012 at 12:28

John Dvorak

27.4k13 gold badges73 silver badges86 bronze badges

Comments

iappwebdev · Accepted Answer · 2012-12-13 12:29:10Z

1

Why don't you use pure CSS?

input[readonly]
{
    background-color: grey
}

DEMO: http://jsfiddle.net/DqjAC/

answered Dec 13, 2012 at 12:29

iappwebdev

5,9301 gold badge34 silver badges48 bronze badges

Comments

Treborbob · Accepted Answer · 2012-12-13 12:29:28Z

1

CSS

textarea[readonly]
{
    background: #999;
}

answered Dec 13, 2012 at 12:29

Treborbob

1,2211 gold badge8 silver badges19 bronze badges

Comments

GajendraSinghParihar · Accepted Answer · 2012-12-13 13:05:12Z

1

just use attribute selector

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

But its better to do with CSS only as

input[readonly]{
  background: #666;

}

answered Dec 13, 2012 at 13:05

GajendraSinghParihar

9,16911 gold badges40 silver badges67 bronze badges

Comments

adenizc · Accepted Answer · 2012-12-13 12:57:38Z

0

basically, use this for all html tags with readonly attribute.

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

only input tags

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

answered Dec 13, 2012 at 12:57

adenizc

4214 silver badges8 bronze badges

Collectives™ on Stack Overflow

How to add a style in line of jquery code?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related