enter image description here enter image description here

Я сделал это с помощью javascript для увеличения / уменьшения поля ввода. У него есть состояние зависания, но отсутствует состояние щелчка.

Есть ли удобный способ сделать состояние щелчка, используя только CSS?

Например. затемняйте фон немного больше на 0,1 секунды при каждом щелчке.

Решения, совместимые с браузером, предпочтительны, но не обязательны.

css
5
pjmil 20 Авг 2014 в 04:49

2 ответа

Лучший ответ

Я считаю, что псевдокласс :active - это то, что вам нужно:

http://www.w3schools.com/cssref/sel_active.asp

Задержка в 0,1 секунды может быть достигнута с помощью переходов CSS3, однако использование jQuery было бы проще и работало бы в большем количестве браузеров.

8
ioseph 20 Авг 2014 в 00:54

Проблема здесь в "каждом клике"!

Можно было бы «делегировать» одно государство.

Укажите один -> не нажата
Состояние два -> нажатие (селектором :active или :focus)

Но если вы хотите иметь функцию увеличения / уменьшения, вы не должны использовать простой CSS.

2
Axel 16 Сен 2016 в 12:34