JQuery UI изменение цвета кнопки в фокусе

Question

Я пытаюсь настроить цвет кнопки в JQuery UI, добавив пользовательские CSS к <label>, как показано здесь: http://jsfiddle.net/Akedf/3/

Я хотел бы изменить цвет этих кнопок когда они были нажаты (желательно просто с использованием CSS). Я много искал StackOverflow (example one) и сообщения Google об изменении цвета кнопок пользовательского интерфейса jQuery, но ни один из них, похоже, не работает. Может быть, потому, что я только начал изучать вещи jQuery, CSS и HTML. Если кто-нибудь покажет мне, как это сделать, я бы очень признателен за помощь. Спасибо

Редактировать: by focus Я имел в виду внешний вид после того, как кто-то нажал на кнопку.

Answer 1

Я не думаю, что обычные элементы html имеют атрибут фокуса. Вы можете использовать флажок или переключатель, но что касается <label/>, вам, вероятно, придется просто использовать javascript. Если вы используете JQuery, то это очень просто:

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

Что касается CSS:

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