css - 带有更改标签的CSS复选框

Question

尝试使用更改内容制作基于复选框的 CSS 切换按钮。这是当前代码

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

我在这里先向您的帮助表示感谢。

Answer 1

类似的东西？

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

这是一个演示。

Answer 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'跨度中的 。