Создание вставляемого HTML-дива для iPhone

Question

В моем HTML-коде я получил <div>. Когда пользователь нажимает в любом месте внутри этого div, я хотел бы изменить различные свойства, такие как размер текста и цвет фона. Для меня это очень похоже на создание двух стилей CSS для каждого состояния, похоже, что оно должно работать, поэтому я создал следующий CSS:

div.tappable {
   background-color: red;
   font-size: 10pt;
}

div.tappable:active {
   background-color: green;
   font-size: 12pt;
}

По какой-то причине стиль :active никогда не используется. Я что-то не так делаю?

Answer 1

я думаю, что эта публикация в блоге станет хорошим началом для объяснения того, как отслеживать события в moble safari и создавать интерфейс, который вы ищете

Касание и жесты на iPhone

Answer 2

Селектор :active срабатывает на время нажатия элемента.Однако на iPhone из-за особенностей сенсорного экрана Mobile Safari не использует селектор :active.

Чтобы пояснить, хотите ли вы изменить свойства , а пользователь нажимает на div или изменяет свойства после , когда пользователь нажимает на div?