Я сделал это с помощью javascript для увеличения / уменьшения поля ввода. У него есть состояние зависания, но отсутствует состояние щелчка.
Есть ли удобный способ сделать состояние щелчка, используя только CSS?
Например. затемняйте фон немного больше на 0,1 секунды при каждом щелчке.
Решения, совместимые с браузером, предпочтительны, но не обязательны.
2 ответа
Я считаю, что псевдокласс :active - это то, что вам нужно:
http://www.w3schools.com/cssref/sel_active.asp
Задержка в 0,1 секунды может быть достигнута с помощью переходов CSS3, однако использование jQuery было бы проще и работало бы в большем количестве браузеров.
Проблема здесь в "каждом клике"!
Можно было бы «делегировать» одно государство.
Укажите один -> не нажата
Состояние два -> нажатие (селектором :active или :focus)
Но если вы хотите иметь функцию увеличения / уменьшения, вы не должны использовать простой CSS.