具有焦点状态的CSS后代选择器在iOS中不起作用

时间:2014-02-23 04:36:46

标签: ios css focus tabindex descendant

当父元素具有焦点时,我正在使用:focus状态来显示内容。像这样:

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

请注意,父元素设置了 tabindex =“0”。有没有办法让它在iOS浏览器中运行?我想看看是否只有CSS解决方案,请不要使用javascript。

我在这里设置了一个简化的测试用例:http://jsfiddle.net/E8zCU/

1 个答案:

答案 0 :(得分:1)

对我来说,类似问题的答案是here.

正如该主题中的海报所说,你只需要添加

<body ontouchstart=""> 

到你的html代码的顶部。