cssのみを使用してチェックボックス内の ' - '記号を除いたチェックボックスを取得する方法は？

Question

マイナスを得る「 - 」チェックボックス内の記号はhtmlとcssを使用してのみ

私は

document.getElementsByTagName("input")[0].indeterminate = true; 

を使用してみましたが、要件がhtmlとcssを使用しているだけ

Answer 1

あなたがlabelポーズをしたいようですねcheckboxのように、マイナス記号が内部にあります。このように：

<div> 
<input type="checkbox" id="box"> 
<label for="box">-</label> 
</div> 

<style> 
    input{ 
     display:none 
    } 
    label{ 
     padding:0 6px; 
     border:1px solid #eee 
    } 
    input:checked + label { 
    background:#000; 
    color:#fff 
    } 
</style> 

JSFIDDLE