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

Question

我正在尝试通过向此处添加自定义 CSS 来自定义 jQuery UI 中按钮的颜色：http <label>: //jsfiddle.net/Akedf/3/

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

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

Answer 1

I don't think regular html elements have a focus attribute. You could use a checkbox or radio button, but as for a <label/>, you would probably have to just use javascript. If you are using jQuery, then it is really simple:

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

As far as the css:

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