Как установить флажок «-» минус символ внутри флажок, используя только 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