jQuery ui - define .ui-button-text-only .ui-button-text for radio button only

We can define the padding of button by changin开发者_JS百科g the css of .ui-button-text-only .ui-button-text, like this:

.ui-button-text-only .ui-button-text {
    padding: .3em .8em .3em;
}

But my challenge is, I would like to change ONLY the .ui-button-text-only .ui-button-text for radio button, not for other types of buttons.

Is there a way to do so?

You can use

.ui-button-text-only .ui-button-text[type="radio"] { /* CSS properties here */ }

More details @ http://www.w3.org/TR/CSS2/selector.html

Edit If you must have it working in IE6 as suggested below, you can use jQuery to apply the styles:

$('.ui-button-text-only .ui-button-text[type="radio"]').css('padding', '.3em .8em .3em');