最近有很多关于CSS的“Checkbox Hack”的例子。
Css-Tricks对黑客的作用有一个很好的解释:
“Checkbox Hack”是您使用连接标签和复选框的地方 输入,通常是你试图控制的其他一些元素
Source & more information of the hack.
最近让我喜欢黑客攻击的是CoDrops使用单选按钮进行实验create filter functionality with just CSS.真是太神奇了。
黑客可以做一些非常棒的东西,需要没有JavaScript。问题是复选框和单选按钮只是用于表单,所以它的语义很糟糕。但是我没有看到使用在大多数浏览器中兼容的“hack”和移动设备的解决方案的问题,如果它意味着更少的JavaScript和更好的性能。
你是否认为这种黑客在现场网站上使用是“好的”,即使它的语义很糟糕或者你认为,它可以使用吗?
答案 0 :(得分:5)
阅读您链接到的网站上的黄色免责声明:
免责声明:这些内容中的一些跨越了“应该”的界限 使用CSS并引入一些不好的语义。这仍然是邪恶的乐趣 尽可能地玩和冷却,但通常是功能性的 行为应该由JavaScript控制。
我不会说这是自己的“黑客”。这一切都非常有效,例如,你可以使用+
相邻选择器或:focus
做很多其他疯狂的事情。但是,它肯定可以用于一些“hacky”的东西。
例如,如果它帮助用户填写表格:那太好了。请记住,对:checked
的支持并不普遍,因此如果您的网站的可用性依赖于,请通过javascript寻找备用解决方案/填充程序。
如果您只是为了行为/演示而将复选框元素添加到标记中,那么是 - 您应该避免使用它。如果您已经开始使用该元素,而您只是改进用户体验,那就太棒了。