使用CSS修改HTML的复选框效果的小样本共享
使用复选框控制后续元素
CheckBox控件可以根据鼠标点击开关状态,和CSS伪类可以使用:检查为选中复选框的风格。在CSS中的+结合;;或到一个选择器,在复选框的元素可以从复选框操作控制。即使有标签标签,更多的结果是可以实现的。
功能
CSS代码将内容复制到剪贴板。
{复选框}
{复选框}:选中+显示:内联块;}
在这个示例中,默认情况下隐藏文本框,只有选中复选框时,将显示随后的文本框。
有人可能会认为把一个复选框在难看的网页上。事实上,即使该复选框本身处于隐藏状态,CSS的判断:检查仍然有效。然后我们可以隐藏复选框让标签为它设置的响应区域。
功能
CSS代码将内容复制到剪贴板。
体{字体:14px / 1.5微软雅黑;}
{复选框}显示:无;}
{输入框}输入{显示:否;}
{复选框}:选中的输入{显示:内联块;}
{类型=复选框} ~跨度{光标:指针;右边距:10px;}
{类型=复选框} ~跨度:在{内容:'point我显示文本框;}
{类型=复选框} ~跨度:悬停{颜色:# C30;}
{类型}:检查~跨度:复选框前{内容:'point隐藏我的文本框;}
但是这种方法是有限的,因为目前的CSS不支持:有,父母之类的东西,所以支持操作只有在标签和标签的默认行为会影响第一控制在上面的代码即使弹出的文本框中,同一时间可能触发标签默认动作点击文本箱,导致文本框。
总之,这只是提供这样一种方法的途径,至于在何处使用如何依靠自己的研究。