在CSS3中重新创建jQuery UI的“可选”交互

Question

有没有办法使用CSS3重新创建jQuery UI可选交互的行为，特别是在网格设置中，为seen here？

Answer 1

是的，这可以通过使用单选按钮:checked选择器和同级选择器（+或~）来实现

您基本上拥有用户可以选择的单选按钮，但隐藏它们，并使用带有<label>属性的for=""。

Demo

这不允许你拖动或控制点击以选择多个框，但是你需要javascript（以及复选框而不是单选按钮）