Skip to main content
añadida la respuesta de ID 524281 como contenido suplementario
Origen Enlace
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

:focus + background-color:orange; al darle click al elemento se coloca, en este caso el background-color orange pero mientras esta funcionando al darle click a cualquier otro lugar en toda la pantalla (literal) se quita, quisiera que se mantuviera hasta tocar otro elemento... lo he visto en otra paginas webs y queda genial como puedo lograrlo? se necesita javascript o otra tecnología? gracias


 li{
     display: inline-block;
 }

 a{
     padding: 10px;
     color: black;
 }

 a:focus{
     background-color: orange;
 }

que el efecto se mantenga aunque clickees en otro lugar ya que por defecto desaparece, aqui dejo un ejemplo con una imagen, aunque interactues en esa pagina se mantendra hasta que clickees en otro elemento con :focus y se pasara en este caso el background y no se quitara hasta darle a otro elemento o pagina espero me hayan entendido xD introducir la descripción de la imagen aquí

:focus + background-color:orange; al darle click al elemento se coloca, en este caso el background-color orange pero mientras esta funcionando al darle click a cualquier otro lugar en toda la pantalla (literal) se quita, quisiera que se mantuviera hasta tocar otro elemento... lo he visto en otra paginas webs y queda genial como puedo lograrlo? se necesita javascript o otra tecnología? gracias

:focus + background-color:orange; al darle click al elemento se coloca, en este caso el background-color orange pero mientras esta funcionando al darle click a cualquier otro lugar en toda la pantalla (literal) se quita, quisiera que se mantuviera hasta tocar otro elemento... lo he visto en otra paginas webs y queda genial como puedo lograrlo? se necesita javascript o otra tecnología? gracias


 li{
     display: inline-block;
 }

 a{
     padding: 10px;
     color: black;
 }

 a:focus{
     background-color: orange;
 }

que el efecto se mantenga aunque clickees en otro lugar ya que por defecto desaparece, aqui dejo un ejemplo con una imagen, aunque interactues en esa pagina se mantendra hasta que clickees en otro elemento con :focus y se pasara en este caso el background y no se quitara hasta darle a otro elemento o pagina espero me hayan entendido xD introducir la descripción de la imagen aquí

Origen Enlace

(css) :focus background-color como puedo lograr este efecto?

:focus + background-color:orange; al darle click al elemento se coloca, en este caso el background-color orange pero mientras esta funcionando al darle click a cualquier otro lugar en toda la pantalla (literal) se quita, quisiera que se mantuviera hasta tocar otro elemento... lo he visto en otra paginas webs y queda genial como puedo lograrlo? se necesita javascript o otra tecnología? gracias