只能用 CSS 显示和隐藏 Div 吗？

仅使用 CSS 显示和隐藏 Div

想要根据用户输入显示或隐藏 div，但仅使用 CSS？让我们了解如何在不依赖 JavaScript 的情况下实现此目的。

问题陈述：

用户希望仅使用 CSS 在点击时显示和隐藏 div。尽管目前正在使用 jQuery，但他们更喜欢即使禁用 JavaScript 也能工作的可访问解决方案。

纯 CSS 解决方案：Checkbox Hack

对于纯 CSS 解决方案，考虑一下复选框黑客。此方法涉及使用复选框来控制 div 的显示。选中该复选框时，将应用一组样式；未选中该复选框时，将使用另一组样式。 :checked 伪选择器用于区分这些状态。

要出于美观目的隐藏复选框，请将其附加到标签。

演示和资源

• [小滴演示](http://dabblet.com/gist/1506530)
• [关于 Checkbox Hack 的 CSS 技巧文章](http://css-tricks.com/the-checkbox-hack/)

以上是只能用 CSS 显示和隐藏 Div 吗？的详细内容。更多信息请关注PHP中文网其他相关文章！