html - jQuery UI 按钮改变焦点颜色

Question

我正在尝试通过向 <label> 添加自定义 CSS 来自定义 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;
}