How-to: Cambiar el color del item seleccionado en un ListView en Windows 8 con HTML/JS

En una aplicación Windows 8, el color por defecto de un item seleccionado en un ListView es violeta (su código RGB es: 87, 41, 193), que para muchos casos puede no ser acorde a la paleta de colores de nuestra aplicación.

Si miramos el CSS del tema de nuestra app (normalmente ui-dark.css) vamos a notar que este estilo está aplicado como:

::selection {
    background-color: rgb(87, 41, 193);
    color: rgb(255, 255, 255);
}

Pero reescribir estas mismas líneas dentro del CSS de nuestra vista (cambiando los colores, obviamente) no va a sobreescribir el estilo.

Lo que tenemos que hacer es agregar:

.miPagina .miLista .win-container .win-selectionbackground {
    background-color: rgb(62, 66, 239);
    color: rgb(255, 255, 255);
}

Espero que les sirva.

Happy coding!

@gjbellmann

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s