帶有更改標簽的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'跨度中的content: 'A' 。