Стилизация checkBoxGroup

Вопросы и проблемы
1

Здравствуйте!
Подскажите, пожалуйста, как корректно задать стили для элементов checkBoxGroup (нужно задать фон и цвет текста для подписей или фон для самого чек-бокса)?

1

Вопрос и по CSS:

.v-select-optiongroup .v-checkbox .v-select-option.event-style-1 {
        background-color: #f48454;
        color: #2b2b2b;
}

Верно ли пытаемся определить?

И собственно как задать style-name для элементов?

2

Если вы хотите для каждого отдельного чек бокса задать свой стил. То такое наврд ли выйдет. Ибо у них не styleProvider.
Если вы хотите поменять стиль для всех отмеченных чекбоксов. То вот такие селекторы у меня сработали:

  .v-checkbox.v-select-option.v-select-option-selected > input:checked ~ label:after {
    color: red;
  }
  .v-checkbox.v-select-option.v-select-option-selected > label {
    background-color: #f48454;
    color: #2b2b2b;
  }

image

Большинство селекторов можно найти через консоль разработчиков.
image

3

Ярослав, спасибо! Я как раз хотел раскрасить каждый отдельный чек-бокс…

Решил через TagPicker со стилизацией выбранных тегов.