Почему не работает label:active?

Question

[midarovrk]

Здравствуйте.

Кто может подсказать почему не срабатывает css стиль label:active {background: #c8f6fe;} ?
Например hover нормально работает label:hover {background: #c8f6fe;}
Вот на этой странице moviesplay.ru/board/multserialy/anime/tokijskij_gu...
Кнопки Сезон 1 и Сезон 2

Хочу поменять фон у активных вкладок-кнопок, но что то не получается.

Пробовал вот так input[type="radio"]:checked + label {background: #c8f6fe;}
Тоже не получается.

Answer 1

[K G]

Ты просто не знаешь как работает :active и для чего он. Твоя задаче решается скриптом, по клику вешать на кнопку класс .active с нужными стилями.

Answer 2

[Алексей]

htmlbook.ru/css/active а у вас label.

Comments

[midarovrk]

И что?

[#rybak]

midarovrk Псевдокласс :active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее.

:active работает только для тега "a"
а у вас тег "label"

[#rybak]

Ваша проблема решается скриптом.
При нажатии на кнопку скрипт добавляет ей класс "active", например.
+ прописываете нужный бекграунд для вашей кнопки с классом active.