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;
}

jQuery UI按钮改变焦点颜色

1 个答案: