Настроить стиль для флажка jQuery UI

Question

Я использую флажки jQueryUI без значка, но не могу найти, как изменить / переопределить стиль флажка с помощью CSS.

Например, я хотел бы добавить красную рамку для "отмеченных" кнопок, но следующий CSS не работает (я вывел классы из панели "Элементы DevTools"):

.ui-checkboxradio-label .ui-corner-all .ui-button .ui-widget .ui-checkboxradio-checked .ui-state-active {
    border: 2px solid rgb(255,0,0) !important;
}

.checkbox-noicon .ui-checkboxradio .ui-helper-hidden-accessible {
    border: 2px solid rgb(255,0,0) !important;
}

Я также попытался изменить стиль "проверенного" состояния ввода напрямую, но безрезультатно:

input[type=checkbox]:checked {
    border: 2px solid rgb(255,0,0) !important;
}

Я делаю что-то неправильно?

Answer 1

Я проверял пример ссылки. Все классы в одном элементе, поэтому должно быть так (без пробелов):

.ui-checkboxradio-label.ui-corner-all.ui-button.ui-widget.ui-checkboxradio-checked.ui-state-active{
     border: 2px solid rgb(255,0,0) !important; 
}

и не забывайте, жесткий освежить