Есть кнопка на форме, есть два селектора: button и button:active. При нажатии мышью на кнопке — стиль из селектора button:active применяется, но если нажать на кнопку с помощью тачпада — нет. Как сделать чтобы стиль применялся в обоих случаях?
Попробуйте добавить ontouchstart:
<body ontouchstart="">
или
document.addEventListener("touchstart", function() {},false);
Это хак для Mobile Safari.
Если не помогает, попробуйте подключить библиотеку fastclick
Тут нужен какой нибудь псевдокласс, но в css такого нет. Так что без js не обойтись.
$('button').bind('touchstart', function(){
$(this).addClass('select');
}).bind('touchend', function(){
$(this).removeClass('select');
});
Попробуйте завязаться на button:focus
Сборка персонального компьютера от Artline: умный выбор для современных пользователей