Olá, galera.
Estou querendo colocar o símbolo Δ como radio button, e quando eu clicar nele, ele virar esse outro símbolo ▲. Como faço isso?
Você pode usar apenas html+css para fazer isso, de forma bem fácil utilizando o atributo 'for', criei um exemplo básico usando uma class dentro da input radio, veja:
.personalizado{
display:none;
}
.personalizado+label:before{
content:'Δ';
}
.personalizado:checked+label:before{
content:'▲';
}
HTML
<input type="radio" id="inputradio" class="personalizado" name="name" value="value">
<label for="inputradio">Something</label>
width
, do triângulo escuro é maior do que do triângulo branco. Você pode definir uma width
fixa para a label
e alinhar eles no centro, isso provavelmente bastaria para não ter esse efeito de se mover
Commented
16/01/2017 às 20:30