当父元素具有焦点时,我正在使用 :focus 状态来显示内容。像这样:
.child { display: none; }
.parent:focus .child { display: block; }
请注意,父元素设置了tabindex="0"。有没有办法让它在 iOS 浏览器中工作?我想看看是否可以使用纯 CSS 解决方案,请不要使用 javascript。
我在这里设置了一个简化的测试用例小提琴:http: //jsfiddle.net/E8zCU/
当父元素具有焦点时,我正在使用 :focus 状态来显示内容。像这样:
.child { display: none; }
.parent:focus .child { display: block; }
请注意,父元素设置了tabindex="0"。有没有办法让它在 iOS 浏览器中工作?我想看看是否可以使用纯 CSS 解决方案,请不要使用 javascript。
我在这里设置了一个简化的测试用例小提琴:http: //jsfiddle.net/E8zCU/