带有更改标签的CSS复选框

【问题标题】：css checkbox with changing label带有更改标签的CSS复选框
【发布时间】：2013-04-29 14:47:09
【问题描述】：

尝试制作一个基于复选框的 css 切换按钮并更改内容。 Here's当前代码

按钮切换到B时如何让A消失？

提前感谢您的帮助。

【问题讨论】：

请在此处发布您的代码

标签： css checkbox toggle

【解决方案1】：

类似的东西？

p > input[type="checkbox"]:checked+label>span:before {
    content: '';  
}

Here is a demo.

【讨论】：

【解决方案2】：

修复它

http://codepen.io/dennym/pen/qkwnD

添加

p > input[type="checkbox"] +label:after {
content: 'A';
  text-indent: 0;
  font-size: 30px;
  color: #FF00FF;
  position: absolute;
  top: -1px;
  left: 7px;


  }

并删除跨度中的content: 'A'。

【讨论】：