How do you size the jQuery Button?

Question

I'm using the jQuery UI Button control but don't seem to be able to adjust the size (width and height). Here's the API documentation. I tried setting a STYLE attribute on it, but then the LABEL wasn't centered correctly. Thanks.

Answer 1

Try this in the style attribute:

width: 300px; padding-top: 10px; padding-bottom: 10px; 

or

$(element).css({ width: '300px', 'padding-top': '10px', 'padding-bottom': '10px' }); 

Answer 2

normally:

$(theElement).css('height','...px').css('width','...px');