效果： 注意点：input要写在label前面，因为 + 选择器指的是兄弟元素中的弟弟元素，不包括哥哥元素。 写这个的初衷就在于那个亘古不变的道理，能用CSS解决的就不用js 在来个炫酷点的开关 效果： ...

将禁用的按钮灰掉的效果 选中的按钮 css禁止点击事件 ...

:active 伪类向激活（在鼠标点击与释放之间发生的事件）的元素添加特殊的样式。 这个伪类应用于处于激活状态的元素。最常见的例子就是在 HTML 文档中点击一个超链接：在鼠标按钮按下期间，这个链接是激活的。还有其他一些方式来激活元素，另外从理论上讲其他元素也可以被激活，不过 CSS 对此 ...

css动态设置样式 注意： 1.style前面加冒号； 2.等号后面双引号，双引号里面加大括号，记得拼接上单位 ...

CSS设置行内元素的水平居中 div{text-align:center} /*DIV内的行内元素均会水平居中*/ CSS设置行内元素的垂直居中 div{height:30px; line-height:30px} /*DIV内的行内元素均会垂直居中 ...

前段时间有人向我提过一个问题：“怎么使用css实现点击操作。” 我想了下倒也不是不可以，在解答了之后觉得有趣，刚好最近也准备写点博客什么的，便拿来做素材吧。 具体实现思路：在点击块上添加一个隐藏的单选input，然后在css里使用选择器判断当前选中块。做出显示或隐藏 ...

鼠标不可点击主要是两种表现： 1.鼠标不可点击时的显示状态 cursor: not-allowed 2.禁止触发点击事件 pointer-events:none ...

源码 https://github.com/YouXianMing/CSS-Animations/tree/master/Event 效果 细节 1) 一个完整的可回溯的动画至少包括了两种状态,以及两种状态的动画设置,还有其关键帧设置. 2) 设置的值 ...