2012-10-11 29 views
7

Tengo un problema con los iconos de jQuery Mobile predeterminados. En el dispositivo Android (cualquier navegador, marcado en el navegador predeterminado, Firefox y Chrome), los iconos son blancos, pero deben ser negros. En otros dispositivos (iPhone, Windows Phone, computadora de escritorio) los iconos son negros como deberían ser. Estoy usando la última versión estable de jQuery Mobile 1.2.0. Avísame si alguien corre a tal problema.Iconos de jQuery Mobile blanco en lugar de negro en Android

+0

Hola! ¿Puedes proporcionar una captura de pantalla y algún código? – Littm

Respuesta

6

que tenían el mismo problema. He utilizado el rodillo Tema - http://jquerymobile.com/themeroller

Probablemente haya un pequeño error cuando se genera el archivo CSS. En la línea 789 es:

background-image: url(images/icons-36-white.png); 

pero debería ser:

background-image: url(images/icons-36-black.png); 
+0

Tuve el mismo problema que el autor. Esta solución ayudó. Creo que esta debería ser una respuesta seleccionada. – noname

+0

¡También tuve la misma cosa, buen descubrimiento! – natlines

+0

Mismo problema. @Paul por favor marca como respuesta !! Simplemente haga una búsqueda en sus archivos .css personalizados para "blanco" y cámbielo a "negro". – SnareChops

0

Lamento que no haya visto ese problema anteriormente, pero puede intentar agregar la clase ui-icon-alt a los iconos que desea convertir en negro.

Para todos los iconos:

$('.ui-icon').addClass('ui-icon-alt'); 
+0

Funciona, pero solo para algunos íconos, los íconos por ejemplo en ListViews o en los elementos de formulario todavía son blancos. Una solución no demasiado buena es cambiar todas las rutas de los iconos en todas las definiciones de clases a negro. –

+0

Si lo prefiere, cambie la propiedad css 'background-image' de' background-image: url (images/icons-18-white.png); 'a' background-image: url (images/icons-18-black. png); '. – Pablo

Cuestiones relacionadas