1

Есть кнопка на форме, есть два селектора: button и button:active. При нажатии мышью на кнопке — стиль из селектора button:active применяется, но если нажать на кнопку с помощью тачпада — нет. Как сделать чтобы стиль применялся в обоих случаях?

3
  • А лично вижу что при нажатии (и зажатии) и через мышку, и через тачпад у меня псевдоселектор :active срабатывает (на время нажатия). Но я говорю про Chrome. Другие браузеры не смотрел. Может вы имеете ввиду какой-то специфичный браузер или что-то другое? 19 янв 2017 в 8:51
  • Тоже смотрю в хроме, но не нажимать на кнопку, а именно на сам тачпад 19 янв 2017 в 9:38
  • Это как "не нажимать на кнопку, а на тачпад"? У вас есть курсор и с помощью тачпада вы действуете также как и мышкой. 19 янв 2017 в 12:21

3 ответа 3

0

Попробуйте добавить ontouchstart:

<body ontouchstart="">

или

document.addEventListener("touchstart", function() {},false);

Это хак для Mobile Safari.

Если не помогает, попробуйте подключить библиотеку fastclick

0

Тут нужен какой нибудь псевдокласс, но в css такого нет. Так что без js не обойтись.

$('button').bind('touchstart', function(){
    $(this).addClass('select');
}).bind('touchend', function(){
    $(this).removeClass('select');
});
0

Попробуйте завязаться на button:focus

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.