dev*_*evs 6 html css checkbox radio-button semantics
所以最近有很多关于CSS的"Checkbox Hack"可能的例子.
Css-Tricks对黑客的作用有一个很好的解释:
"Checkbox Hack"是您使用连接标签和复选框输入的位置,通常是您尝试控制的其他元素
最近让我喜欢黑客的是CoDrops用单选按钮进行实验,用CSS创建过滤功能.太棒了.
黑客可以做一些非常神奇的东西,需要没有JavaScript.问题是复选框和单选按钮只是用于表单,因此它的语义很差.但我没有看到使用在大多数浏览器中兼容的"hack"和移动设备的解决方案的问题,如果它意味着更少的JavaScript和更好的性能.
你是否认为这种黑客在现场网站上使用是"好的",即使它的语义很糟糕或你认为,它可以使用吗？
阅读您链接到的网站上的黄色免责声明:
免责声明:其中一些内容跨越了你应该用CSS做的事情,并引入了一些不好的语义.玩这个游戏仍然很有趣,并且很酷,但是通常功能行为应该由JavaScript控制.
我不会说这是自己的"黑客".这一切都完全有效,例如,你可以用+相邻的选择器做很多其他疯狂的事情:focus.但是,它肯定可以用于一些"hacky"的东西.
例如,它可以帮助用户完成表单:这很棒.请记住,支持:checked不是通用的,因此如果您的网站的可用性依赖于它,请通过javascript寻找备用解决方案/填充程序.
如果您只是为了行为/演示而将复选框元素添加到标记中,那么是 - 您应该避免使用它.如果您已经开始使用该元素,而您只是通过它改善用户体验,那就太棒了.