Skip to main content
se eliminaron 4 caracteres en el cuerpo
Origen Enlace
Ivxn
  • 2k
  • 14
  • 51
  • 91

como puedo hacer para que cuando se de clic en una opcion de una lista html se quede el backgroud de un color que resalte sobre las demas opciones, lo he realizado con la propiedad active pero no hace lo que requiero y con la propiedad hover pues si funciona pero solo pasando el mouse por encima pero cuando le doy clic desaparece el backgroud

.enlace > a:hover {
 cursor:pointer;
  background: yellow;
}
<html>
<head>

</head>
<body>
<ul>
  <li class="enlace"><a href="#">Abrehref="#">Liga Modal<1</a></li>
  <li class="enlace"><a href="#">Liga 2</a></li>
  <li class="enlace"><a href="#">Liga 3</a></li>
  <li class="enlace"><a href="#">Liga 4</a></li>
</ul>
</body>
</html>

como puedo hacer para que cuando se de clic en una opcion de una lista html se quede el backgroud de un color que resalte sobre las demas opciones, lo he realizado con la propiedad active pero no hace lo que requiero y con la propiedad hover pues si funciona pero solo pasando el mouse por encima pero cuando le doy clic desaparece el backgroud

.enlace > a:hover {
 cursor:pointer;
  background: yellow;
}
<html>
<head>

</head>
<body>
<ul>
  <li class="enlace"><a href="#">Abre Modal</a></li>
  <li class="enlace"><a href="#">Liga 2</a></li>
  <li class="enlace"><a href="#">Liga 3</a></li>
  <li class="enlace"><a href="#">Liga 4</a></li>
</ul>
</body>
</html>

como puedo hacer para que cuando se de clic en una opcion de una lista html se quede el backgroud de un color que resalte sobre las demas opciones, lo he realizado con la propiedad active pero no hace lo que requiero y con la propiedad hover pues si funciona pero solo pasando el mouse por encima pero cuando le doy clic desaparece el backgroud

.enlace > a:hover {
 cursor:pointer;
  background: yellow;
}
<html>
<head>

</head>
<body>
<ul>
  <li class="enlace"><a href="#">Liga 1</a></li>
  <li class="enlace"><a href="#">Liga 2</a></li>
  <li class="enlace"><a href="#">Liga 3</a></li>
  <li class="enlace"><a href="#">Liga 4</a></li>
</ul>
</body>
</html>

Origen Enlace
Ivxn
  • 2k
  • 14
  • 51
  • 91

resaltar opcion de lista html al dar clic

como puedo hacer para que cuando se de clic en una opcion de una lista html se quede el backgroud de un color que resalte sobre las demas opciones, lo he realizado con la propiedad active pero no hace lo que requiero y con la propiedad hover pues si funciona pero solo pasando el mouse por encima pero cuando le doy clic desaparece el backgroud

.enlace > a:hover {
 cursor:pointer;
  background: yellow;
}
<html>
<head>

</head>
<body>
<ul>
  <li class="enlace"><a href="#">Abre Modal</a></li>
  <li class="enlace"><a href="#">Liga 2</a></li>
  <li class="enlace"><a href="#">Liga 3</a></li>
  <li class="enlace"><a href="#">Liga 4</a></li>
</ul>
</body>
</html>