带有更改标签的CSS复选框

Question

尝试制作一个内容不断变化的基于复选框的 css 切换按钮。 Here's当前代码

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

提前感谢您的帮助。

Answer 1

类似的东西？

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

Here is a demo.