带有更改标签的css复选框

Question

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

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

感谢您的帮助。

Answer 1

那样的东西？

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

Here is a demo.

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'。