帶有更改標籤的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'。