Селектор потомков CSS с состоянием фокуса не работает в iOS

Я использую состояние :focus для отображения контента, когда родительский элемент имеет фокус. Вот так:

.child { display: none; }
.parent:focus .child { display: block; }

Обратите внимание, что для родительского элемента установлено значение tabindex="0". Есть ли способ заставить это работать в браузерах iOS? Я прошу посмотреть, возможно ли решение только для CSS, без javascript, пожалуйста.

Здесь я установил скрипт с уменьшенным тестовым набором: http://jsfiddle.net/E8zCU/.


person Andrew Aponte    schedule 23.02.2014    source источник


Ответы (1)


Ответ, который помог мне решить аналогичную проблему, находится здесь.

Как сказал постер в этой теме, вам просто нужно добавить

<body ontouchstart=""> 

в начало вашего HTML-кода.

person Cyclist    schedule 03.04.2017