Adding JQuery UI styles on a single page application

Question

After recently completing a single page AJAX application with jQuery and jQuery UI, I discovered a few jQuery form styles I had previously skipped over in their documentation.

Adding the classes:

 text ui-widget-content ui-corner-all

Is there an easy way I can implement these styles to all text inputs throughout the entirety of my AJAX driven application? I would like to find a resolution without having to resort to any of the following:

Paste the previous mentioned classes into every input form (I have quite a few and it looks terribly messy... unless this is best practice, it doesn't feel quite right though)
Having to add "$("input").addClass()" to every AJAX callbacks (seems messy too).

I would rather not use any more jQuery plugins but would be willing to consider one depending on how simple it would make this task...

jpganz18 · Accepted Answer · 2012-03-16 23:13:48Z

1

Why dont you do this at your ui's css stylesheet

 text ui-widget-content ui-corner-all, input{....}

will give the same effects to all your inputs.

answered Mar 16, 2012 at 23:13

jpganz18

5,90821 gold badges74 silver badges131 bronze badges

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

1 Comment

r0m4n Over a year ago

Well, I am trying to utilize the CSS that the jQuery UI themes provide. I think as a last resort I could probably copy the CSS from the theme I am using into an input CSS selector. I have a few themes my application can switch through making that slightly more complicated though...

Collectives™ on Stack Overflow

Adding JQuery UI styles on a single page application

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related