Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Input tipo radio cuadrado con estilo css tipo checkbox

Ejemplo de como convertir un input tipo radio en un cuadrado con estilo css para que parezcan varios input type checkbox, ademas ponemos agregar otras propiedades css para personalizar aún mas nuestros grupo de opciones:
<style>
	.checkbox {
	-webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;
    -o-appearance: checkbox;
	}
</style>


<form>
	<input class="checkbox" type="radio" name="opciones" id="opcion1" value="1" checked> <label for="opcion1">Option 1</label>
	<br>
	<input class="checkbox" type="radio" name="opciones" id="opcion2" value="2"> <label for="opcion2">Option 2</label>
</form>
demo
Editado
1
Puntos
2860
Visitas
0
Resp
Por alber hace 70 meses
Administrador
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate