Cómo utilizar jQuery de error (rojo) Iconos

que tienen una vida como estaCómo utilizar jQuery de error (rojo) Iconos

<span class="ui-icon ui-icon-circle-close"></span>

que da mostrar un icono de cierre de color iguales que el color del tema.

Pero desea utilizar los iconos rojos que están disponibles para el error. ¿Qué clase de jquery debo usar para eso?

He encontrado una clase en jQuery css

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon 
{background-image: url(images/ui-icons_cd0a0a_256x240.png); }

esta imagen es la imagen que contiene iconos de color rojo jQuery. Pero no puedo usarlo.

Fuente

2011-01-05 Kuntal Basu

La clase del tramo solo determina el icono.

Establezca el "error de estado ui" en su elemento principal para cambiar el color del icono a rojo.

Consulte el ejemplo de icono aquí: (la parte inferior de la barra lateral derecha).

Fuente

2011-01-05 10:48:22

Gracias funcionó –

Además, si lo que desea es el icono de color rojo y no la clase de uso borde rojo 'estado ui-error-Text' en lugar de' ui-estado en error' el elemento padre –

<span class="ui-icon ui-icon-alert"></span>

debería hacerlo.

Editado porque creo que ahora encontré la clase correcta.

Fuente

2011-01-05 10:53:55 pyvi

Intenté su respuesta, pero le da un borde cuadrado rojo alrededor del icono. Pero quiero que el icono sea rojo. Directamente quiero usar la imagen de fondo: url (images/ui-icons_cd0a0a_256x240.png); que ya está definido en la clase que escribí arriba. –

Ver mi respuesta actualizada. – pyvi

Sory Cambiar el icono nopt el color –

Al tratar de utilizar dichos iconos antes del texto, tuve problemas de ruptura de línea y una mala alineación entre el icono y el texto.

Para evitar el icono para añadir un salto de línea, utilice

<span class="ui-icon ui-icon-name" style="display: inline-block;"></span>

para obtener una mejor alineación para el texto, utilice la siguiente

<span class="ui-icon ui-icon-name" style="display: inline-block;"></span> 
<span style="display: inline-block; overflow: hidden;">Your text</span>

Fuente

2012-07-07 07:12:05 Manu

Si sólo desea icono con otro color, no toda caja como es el ejemplo aquí: , en la parte inferior derecha Conner

añadir esto a cualquier parte de su archivo .css:

.ui-icon-red { width: 16px; height: 16px; background-image: url(images/ui-icons_red_256x240.png); }

El nombre y la ruta del archivo dependen del color que desee.

Y en html:

<div class="ui-icon-red ui-icon-circle-zoomin">

Fuente

2013-07-12 12:26:47 Mareg

Aplicar ui-estado de error a la capa que contiene el icono (s) y eliminar el fondo por defecto y la frontera:

CSS:

.error-state-icon.ui-state-error { 
    border:none; 
    background:none; 
}

HTML:

<div class="ui-state-error error-state-icon"> 
<span class='ui-icon ui-icon-info'></span> 
</div>

Demo >>

Fuente

2015-03-07 14:17:13

Cómo utilizar jQuery de error (rojo) Iconos

Respuesta

Cuestiones relacionadas