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

标签 ios css focus tabindex descendant

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

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

请注意,父元素设置了 tabindex="0"。有没有办法让它在 iOS 浏览器中工作?我想看看是否可以使用仅 CSS 的解决方案,请不要使用 javascript。

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

最佳答案

对于类似问题,对我有用的答案是 here.

正如该帖子中的发帖人所说,您只需添加

<body ontouchstart=""> 

到您的 html 代码的顶部。

关于ios - 具有焦点状态的 CSS 后代选择器在 iOS 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21964256/

相关文章:

ios - 合并:如何在不完成原始发布者的情况下替换/捕获错误?

CSS - 链接的 div 影响 child

javascript - 以 CSS 中定义的单位获取元素的宽度

css - 使用 :focus to style outer div?

ios - 实现类似于 Evernote 的同步功能

objective-c - present Modal ViewController 给出黑屏

ios - 无法在 UITableViewCell 的 drawRect 中绘制

html - 溢出隐藏在 Html Div 中对我不起作用

javascript - mousedown后触发输入

wpf - Control.Focus() 和 FocusManager.SetFocusedElement() 的区别