¡Vamos a darle vida a los clásicos componentes de HTML!, ¿Has visto los componentes nativos del navegador? Componentes como checkbox, radio, select… su diseño no es muy agradable, ¿verdad?, ¿me creerías que es posible lograr este diseño usando únicamente HTML y CSS, y lo mejor de todo, que siga funcionando para los formularios? 👀
¡Pues sí es posible! Y en este tutorial te voy a enseñar a cómo hacerlo para que puedas ser la envidia de tus amigos 😎
.
Piensa en cómo se ve comúnmente un checkbox es cualquier navegador:
Esto está ok, pero tu puedes crear algo mejor, ¡vámos a darle un poco de forma a todo esto!
Para hacer esto he preparado un video que te guiará paso a paso en cómo hacer este checkbox más bonito usando únicamente HTML y algo de la magia de CSS:
.
¡Bien! Ahora sabes cómo estilizar y personalizar tus componentes para que se vean mucho más bonitos. Es hora de que apliques tus conocimientos de CSS y hagas mejores componentes conservando el comportamiento por defecto del navegador 😎
.
Hasta aquí este tutorial, espero haberte ayudado y enseñado algo nuevo, si quieres aprender más curiosidades del mundo web entonces suscríbete a mi canal, siempre puedes aprender algo nuevo 😎
