jQuery UI 按钮更改焦点颜色

Question

我正在尝试通过将自定义 CSS 添加到 <label> 来自定义 jQuery UI 中按钮的颜色，如下所示：http://jsfiddle.net/Akedf/3/

我想在这些按钮被点击时更改它们的颜色（最好只使用 CSS）。我一直在寻找很多关于改变 jQuery UI 按钮颜色的 StackOverflow (example one) 和 Google 帖子，但它们似乎都不起作用。也许是因为我刚开始学习 jQuery、CSS 和 HTML 的东西。如果有人能告诉我如何做到这一点，我将不胜感激。谢谢

编辑：focus 我的意思是有人点击按钮后的外观。

Answer 1

我认为常规的 html 元素没有焦点属性。您可以使用复选框或单选按钮，但对于 <label/>，您可能只需要使用 javascript。如果你使用的是 jQuery，那真的很简单：

$("label").click(function(){
    $(this).addClass('focus');
});

就css而言：

label.focus, input[type=radio]:focus{
    background: #0c0;
}