Estou tendo um problema com um checkbox
no firefox.
Montei ele assim:
.checkbox {
display:none;
}
.checkbox + label:before {
font-family: 'Material Icons';
display: inline-block;
color: #0091FF;
transform: scale(2.1);
margin: 10px;
}
.checkbox + label:before {
content: "check_box_outline_blank";
}
.checkbox + label:before {
letter-spacing: 8px;
}
.checkbox:checked + label:before {
content: "check_box";
}
<!-- Material Icons (Google) -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<input type='checkbox' id='checkbox1' class='checkbox' name='checkbox1'><label for='checkbox1'></label>
Ele esta funcionando no Chrome, Safari. Mas no FireFox não. Alguém sabe o motivo?
letter-spacing: 8px;