0

tengo un el-select

Estilos cuando pasa el mause:

.el-select-dropdown__item:hover{
  background-color:#999bb8;
  color: white;

}

Esta parte funciona correctamente , pero cuando utilizo las feclas arriba y abajo sobre las opciones de el-select , quisiera tener los mismo estilos con las flechas

https://element.eleme.io/#/es/component/select

https://codepen.io/pen/?&editable=true

gracias!

1 respuesta 1

1

ElementUI no utiliza la pseudo clase :hover para agregar este estilo, agrega una clase .hover utilizando javascript para que se aplique el estilo sin importar si es por medio de hover o por medio de las flechas del teclado. intenta el siguiente codigo:

in.el-select-dropdown__item.hover {
  background-color:#999bb8;
  color: white;
}

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.