SocraTips - Cómo funcionan las pseudo-clases :focus, :focus-visible y :focus-within - SocraTech

Miriam Segura, profesora del Bootcamp Full-Stack Web Developer, nos explica cómo podemos utilizar las pseudo-clases :focus, :focus-visible y :focus-within para personalizar los elementos clicables de nuestra web.
¡Aprende con nosotros!
socratech.es
#bootcamp #programacion #css3 #html #html5 #css #javascript #js
¡Más en nuestras redes!
Nuestro canal de KZbin: / @socratech
Whatsapp: wa.me/34623105448?text=Hola%2...!
Instagram: / socratechescuela
Twitter: / socratech_
Facebook: / socratech-106357911679909
LinkedIn: / escuela-socratech
Twitch: / socratech
EventBrite: socratech.eventbrite.es
Spotify: open.spotify.com/user/1q864u0...

[@jesusvillanueva4024]

Gracias por tu aporte 👍🙂

[@SocraTech]

¡Gracias a ti por seguirnos Jesús!

[@Sagael08]

Me fue de gran ayuda este video explicativo! Muchas gracias!

[@SocraTech]

Es un placer haberte sido de ayuda 😀

[@luisenriquecaleroanchelia6369]

fue de gran ayuda, me faltaba el outline

[@SocraTech]

Un placer haberte sido de ayuda 😃 Síguenos para estar al tanto de todas las novedades.

[@qosku]

Es decir esto funciona con accesibilidad con VoiceOver es que tengo un error con un focus sobre un check pero que al dar doble click no lo delecciona

[@SocraTech]

Hola Qosku, es normal que siga apareciendo tus estilos aunque des doble click porque estos estilos que hay dentro de focus se irán sólo cuando dejemos de hacer foco sobre el elemento y pasemos a hacer foco sobre otro elemento de nuestro html. Creo que lo que buscas es la pseudo-clase :checked que dará estilos cuando hayas hecho click sobre el check y desaparecerá si vuelves ha hacer click sobre el mismo. Espero que te funcione. Un saludo

[@Code__Play]

Hola, tengo una duda Estoy creando una web pero en el apartado responsive para móviles el Focus me está estropeando los estilos, ya quite el outline pero cuando clickeo un buttom me aparece como que el bground se pusiese celeste y no sé cómo quitárselo ? Porfavor ayuda. Gracias

[@SocraTech]

Hola Josué, no sé cuál será el problema, pero puedes intentar añadir en vista móvil un focus para añadirle al buttom el mismo bground que ya tiene por defecto ese buttom antes de hacer foco sobre él. Espero que te pueda servir. Un saludo 🙂