Wie jquery error(rot) Symbole

Habe ich eine Spannweite wie diese

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

welche gibt die Anzeige einen "schließen" - Symbol der gleichen Farbe wie die Farbe des Designs.

Aber wollen die roten Symbole, die verfügbar sind für die Fehler.
Die jquery-Klasse sollte ich dafür verwende.

Fand ich eine Klasse in Jquery css

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

dieses Bild ist das Bild, das enthält jquery roten Symbole .
Aber ich kann nicht es verwenden.

InformationsquelleAutor Kuntal Basu | 2011-01-05
  1. 11

    Den span-Klasse bestimmt das Symbol.

    Legen Sie die "ui-state-error" auf seine Eltern um das Symbol zu ändern die Farbe zu rot.

    Überprüfen Sie das Symbol, Beispiel hier: http://jqueryui.com/themeroller/ (unten in der rechten Seitenleiste).

    • Auch, wenn Sie wollen einfach nur das rote Symbol und nicht die rote Grenze der Klasse ui-state-error-text statt ui-state-error auf das Eltern-element
    InformationsquelleAutor Vlad GURDIGA
  2. 2

    Wenn man versucht, solche Symbole vor dem text, ich habe Zeilenumbruch Probleme und eine schlechte Ausrichtung zwischen dem Symbol und dem text.

    Vermeiden Sie das Symbol, um einen Zeilenumbruch einzufügen, verwenden Sie

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

    Um eine bessere Ausrichtung für den text verwenden Sie den folgenden

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

    Wenn Sie wollen, das Symbol mit anderer Farbe, nicht die ganze box, wie ist hier das Beispiel:
    http://jqueryui.com/themeroller/, in der rechten unteren conner

    fügen Sie diese an beliebiger Stelle in Ihrem .css-Datei:

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

    Den Namen und Pfad der Datei sind abhängig von der Farbe, was Sie wollte.

    Und im html-Format:

    <div class="ui-icon-red ui-icon-circle-zoomin">
    InformationsquelleAutor Mareg
  4. 0
    <span class="ui-icon ui-icon-alert"></span>

    sollte es tun.

    Bearbeitet, weil ich denke, dass ich jetzt das richtige gefunden-Klasse.

    • Ich habe versucht, Ihre Antwort, aber es gibt einen roten Platz Rahmen um das Symbol. Aber ich möchte das Symbol rot sein. Gerade will ich mit dem background-image: url(images/ui-icons_cd0a0a_256x240.png); die bereits in der Klasse definiert, die ich oben schrieb.
    • Siehe meine aktualisierte Antwort.
    • Vität Ihr die änderung der icon-nopt die Farbe
    InformationsquelleAutor pyvi
  5. 0

    Gelten ui-state-error auf die Ebene mit dem Symbol(s) und entfernen Sie die default-hintergrund und Rand:

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

    InformationsquelleAutor Porta Shqipe
Schreibe einen Kommentar