jQuery ui - 仅为单选按钮定义.ui-button-text-only .ui-button-text

Question

我们可以通过更改.ui-button-text-only .ui-button-text的css来定义按钮的填充，如下所示：

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

但我的挑战是，我想只更改.ui-button-text-only .ui-button-text单选按钮，而不是其他类型的按钮。

有办法吗？

Answer 1

您可以使用

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

更多详情@ http://www.w3.org/TR/CSS2/selector.html

修改 如果你必须按照下面的建议在IE6中使用它，你可以使用jQuery来应用样式：

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