チェックボックスと連動して変化する表示を CSS だけで実装できないかと、以下のようなコードを書きました。これは Chrome 46 では期待通りに動き、チェック状態がテキストで表示されます。input:before { content: 'not checked'; position: absolute; top: 30px;}
Source: css - input[type=checkbox] に対して :before, :after 疑似要素が使えるのはChromeだけ？ - スタック・オーバーフロー