Cómo cambiar el color de la flecha en una vista de lista móvil de jQuery

1) Para hacer que el área DETRÁS del elemento de la lista cambie de color (a ROJO):

.ui-listview .ui-btn .ui-btn-inner .ui-icon-arrow-r {
color de fondo: rojo! importante;
}

2) Para que el ícono real cambie de color, esos íconos se crean a través de una cuadrícula de imagen png y algunos CSS difíciles. Busque en su directorio de imágenes en: ui-icons_228ef1_256x240.png (o una imagen con un nombre similar). Ábrelo, ¿ves cómo es una cuadrícula de iconos? Hay CSS que le dice a los íconos de jquery que busquen un punto específico en esa imagen para encontrar el ícono que está buscando.

Para el n. ° 2, deberá buscar en Google un conjunto de iconos de color gris oscuro, o un generador de conjunto de iconos, e incluir esos iconos a través de CSS en lugar de los predeterminados.

Aquí hay algunos enlaces para orientarlo en la dirección correcta para los conjuntos de iconos:

  • Cómo especificar (anular) el color del icono de JQuery
  • Conjunto de iconos de ThemeRoller

3) Para obtener específicamente 1 icono para que sea la imagen que desea que sea (flecha gris oscuro en este caso): debe colocar un icono de flecha gris oscuro en su directorio de imágenes y señalarlo con su CSS como esta publicación en Stack Overflow habla sobre:

¿Cómo agrego un ícono personalizado a un tema estándar de jQuery UI?

¡Buena suerte!

Related Content

Cómo integrar CKEditor con el modelo y vista Codeigniter

¿Sería capaz de aprender Desarrollo Web usando los cursos gratuitos de Udemy frente a sus cursos pagos?

¿Qué debería aprender a continuación para ser un mejor desarrollador de JavaScript?

Quiero crear una página web y una aplicación para ayudar a personas sin hogar y personas en riesgo social a conseguir un trabajo. ¿Cuáles son los pasos que debo seguir? ¿Cuánto costaría? ¿Debo probar el crowdfunding?

¿Por qué mi formulario de contacto PHP da estos errores?

Si he entendido bien su pregunta, necesita que se coloree la flecha dentro del fondo circular coloreado. Si este es el caso, tiene 2 opciones.

  1. Use la clase ui-alt-icon que básicamente revierte los colores del icono. El icono se vuelve negro y el color del disco permanece gris.
  2. Si no desea la opción n. ° 1, deberá usar un ícono personalizado en lugar del ícono jQM. Aquí hay un ejemplo que creé usando JQM 1.2.0, creo. Deberá realizar los cambios necesarios en CSS suponiendo que está utilizando jQM 1.4.5.

Enlace de ejemplo: Vista de lista de Jquery Mobile con icono personalizado

Si desea que su icono permanezca blanco y cambie el color del disco, solo necesita reemplazar su color de fondo: transparente; con color de fondo: rojo. Básicamente eliminar transparente y agregar su nombre de color / código de color.

¡Espero que esto ayude!

Sucheta Chauhan

Hola Sucheta Por favor, intente debajo de la solución

HTML

Demostración móvil de JQuery

http://code.jquery.com/mobile/1… .” />

Primera página

Siguiente

  • item1
  • item1
  • item1

    • CSS

    .ui-listview .ui-btn .ui-btn-inner .ui-icon-arrow-r {

    color de fondo: rojo! importante;

    }

    JS

    $ (document) .on (‘pagebeforeshow’, ‘#index’, function () {

    });

    Chris Allen

    Antes de ir demasiado lejos, ¿ha revisado completamente la documentación?

    jQuery Mobile API Documentation

    A veces encuentro que tengo que poner en juego un CSS de “anulación” después de que el CSS principal hace lo suyo.

    Sucheta Chauhan

    More Interesting

    Estoy estudiando ingeniería de software y también desarrollo de backend. Estoy rodeado de personas que piensan que los desarrolladores de backend ganan menos. ¿Les creeré?

    Cómo alojar sitios web JSP en GoDaddy

    Quiero usar AngularJS con Django y Django REST Framework. ¿Debo aprender AngularJS primero por separado?

    Actualicé a 4.2.2 con WordPress y ahora no puedo acceder a la función de administrador del sitio. Peor aún, el sitio en sí muestra un mensaje de error codificado (falta el argumento 2, etc.) en la parte superior de la pantalla y no puedo desplazarme hacia abajo. Cualquier ayuda / dirección sería muy apreciada?

    Necesito desarrollar un sitio web y una aplicación ingeniosa, digamos similar a AirBnB pero no soy programador. ¿Qué es una estimación realista de los costos?

    Tengo 18 años, aprendí HTML5, CSS3, Js, JQuery, Bootstrap, SASS y construí 4 páginas web utilizando estas habilidades, ¿puedo convertirme en un exitoso desarrollador web front-end?

    He usado dos empresas de alojamiento web y ambas fueron muy lentas. ¿Qué es un host económico pero rápido y potente?

    Actualmente estoy trabajando como desarrollador web sin calificación formal. ¿Puedo ser considerado un desarrollador de software?

    Sé React y React-Redux junto con AJAX y Jquery. He realizado múltiples proyectos pero no puedo atraer a ningún reclutador. ¿Qué pasos tomo?

    ¿Es un CMS bueno para construir un sitio web extenso?

    Estoy aprendiendo desarrollo web a través de una organización sin fines de lucro bien conectada. ¿Qué quieren ver los empleadores en un proyecto final de un nuevo alumno?

    Tomé un curso sobre desarrollo web front-end y quería comenzar un negocio de diseño web. Todavía quiero pero tengo miedo, ¿cómo puedo superar esto?

    Soy un desarrollador web independiente. Hice un sitio web usando React como me lo pidieron. Puedo abrir el sitio en localhost 8,000 usando NPM start. ¿Mi trabajo está completo? ¿Debo alojarlo en un dominio? ¿Cómo completo el trabajo?

    Estoy creando un sitio web para una empresa y me preguntaba cuál es la mejor manera de tener un blog dentro para fines de SEO.

    Cómo crear un sitio web similar a techtunehub.com