Question

is there a way to add jquery ui classes into my own css file per element, IE:

       input { 
               ui-corner-all  /*  <- JQuery UI class */ 

              }

as opposed to adding the class to every input, IE:

       <input name="myinput" type="text" class="ui-corner-all"  value="" />

Answer 1

You can use the jQuery .addClass method to add a class to elements at any time, including page load, such as:

$(function() {
  $(input).addClass('ui-corner-all');
});

This would add the ui-corner-all class to every input element in the html when the page loads. If you would like to select only certain elements on the page, use a more specific selection, such as:

$(function() {
  $('#myInput').addClass('ui-corner-all');
});

This will add the ui-corner-all class to all of the elements on the page that have the ID of myInput.