Почему не срабатывают hover стили на iphone для элементов блока?

Question

[Александр Андреев]

В общем есть на сайте блок с преимуществами компании, элемент блока это иконка + текст. При hover немного меняются чтили. На телефонах текст прячется и показывается только при клике joxi.ru/p278xQ4IojgXVA (как я понимаю срабатывает событие hover). В общем в эмуляторах устройств (от Google Chrome и других) блок корректно работает везде. На телефоне sumsung galaxy s3 mini так же всё ок. А вот на iphone (удалось проверить на iphone 5s и 6 plus) hover не работает, элементы не реагируют на нажатие.

Я вынес код со стилями отвечающий за отрисовку блока (правда без самих иконок ) https://codepen.io/maler1988/pen/EXVxyB , подскажите что может "не понравиться" iOs в этом коде?

Comments

[Ярослав Иванов]

а как по вашему должен отрабатывать hover на сенсорном экране ?

[Александр Андреев]

Ярослав Иванов: я понимаю что событие hover это чисто десктопное, но андройд применяет стили псевдоклассов :hover при клике. Я предположил что iOS должен вести себя так же )

[Максим]

Александр Андреев: не путайте андроид и ios , hover как вы сами сказали это десктопноый эффект , на тачах можно сделать на focus или на active

[Александр Андреев]

Максим Ленский: спасибо, попробую.

[Bastax13]

Не знаю, как у вас, но у меня на iPhone 5s отлично работает при клике (https://codepen.io/maler1988/pen/EXVxyB)