Come usare l'errore jQuery (rosso) Icone

Ho un arco come questoCome usare l'errore jQuery (rosso) Icone

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

che dà una stretta visualizzare un'icona di colore uguale al colore del tema.

Ma si desidera utilizzare le icone rosse disponibili per l'errore. Quale classe jquery dovrei usare per quello.

ho trovato una classe in Jquery css

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

questa immagine è l'immagine che contiene jQuery icone rosse. Ma non posso usarlo.

fonte

2011-01-05 Kuntal Basu

La classe di span determina solo l'icona.

Impostare "errore stato ui" sul suo genitore per cambiare il colore dell'icona in rosso.

Controllare l'esempio di icona qui: (la parte inferiore della barra laterale destra).

fonte

2011-01-05 10:48:22

Grazie ha funzionato –

Inoltre, se si desidera solo l'icona rossa e non il bordo rosso classe di uso 'ui-stato-error-Text' invece di' ui-stato-error' su l'elemento genitore –

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

dovrebbe farlo.

Modificato perché penso di aver trovato la classe giusta.

fonte

2011-01-05 10:53:55 pyvi

Ho provato la tua risposta ma dà un bordo quadrato rosso attorno all'icona. Ma voglio che l'icona sia rossa. Presto voglio usare l'immagine di sfondo: url (images/ui-icons_cd0a0a_256x240.png); che è già definito nella classe che ho scritto sopra. –

Vedere la mia risposta aggiornata. – pyvi

Sory Cambia l'icona senza il colore –

Quando si tenta di utilizzare tali icone prima del testo, ho avuto problemi di interruzione di riga e un cattivo allineamento tra l'icona e il testo.

Per evitare l'icona per aggiungere un'interruzione di linea, utilizzare

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

Per ottenere un migliore allineamento per il testo, utilizzare la seguente

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

fonte

2012-07-07 07:12:05 Manu

Se si desidera solo icona con l'altro colore, non intero come nell'esempio qui: , in conner in basso a destra

aggiungere questo a qualsiasi parte nel file .css:

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

Il nome e il percorso del file dipendono dal colore desiderato.

E in html:

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

fonte

2013-07-12 12:26:47 Mareg

Applicare ui-stato-errore allo strato contenente l'icona (s) e rimuovere lo sfondo di default e di confine:

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 >>

fonte

2015-03-07 14:17:13

Come usare l'errore jQuery (rosso) Icone

risposta

Problemi correlati