create style element, define some classes and add class to element

Question

is there any better way?

$("< style >").attr("type","text/css").prependTo("head").append(".bor {border:2px dotted red} .gto {padding:10px; font-size:medium}");

$("input:text").addClass("bor gto").val("your text");

http://jsfiddle.net/adatepe/aLmc2/

Is there a reason you are doing it this way as opposed to having a CSS file already built? — Eli
– Eli, Commented Apr 25, 2011 at 17:55

mu is too short · Accepted Answer · 2011-04-25 18:04:05Z

1

Maybe you could set the CSS directly rather than trying to build CSS classes at runtime:

$('input:text').css({
    border: '2px dotted red',
    padding: '10px',
    fontSize: 'medium'
}).val('your text');

answered Apr 25, 2011 at 18:04

mu is too short

436k71 gold badges863 silver badges822 bronze badges

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

Comments

Naveed Ahmad · Accepted Answer · 2011-04-25 17:59:39Z

0

If by any chance you need to do this way why not do it the simple way then?

$("<style type='text/css'>.bor {border:2px dotted red}" + 
  " .gto {padding:10px; font-size:medium}</style>").prependTo("head");

answered Apr 25, 2011 at 17:59

Naveed Ahmad

3,1751 gold badge17 silver badges18 bronze badges

Collectives™ on Stack Overflow

create style element, define some classes and add class to element

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related