So ändern Sie das Symbol Farbe für die Symbole iconmoon

Heruntergeladen habe ich einige icons aus icomoom aber das Symbol, hintergrund-Farben sind schwarz und weiß.Ich wollte meine eigene Farbe.Kann jede Stelle sagen Sie mir bitte, wie zu tun?

Wenn ich heruntergeladen das Symbol ,habe ich die folgenden Stil.css

@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot?-haa506');
    src:url('fonts/icomoon.eot?#iefix-haa506') format('embedded-opentype'),
        url('fonts/icomoon.woff?-haa506') format('woff'),
        url('fonts/icomoon.ttf?-haa506') format('truetype'),
        url('fonts/icomoon.svg?-haa506#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
    content: "\e600";
}
.icon-images:before {
    content: "\e601";
}
.icon-pawn:before {
    content: "\e602";
}
  • können Sie uns einige der CSS-code?
  • Ich habe die css-Datei,Bitte haben Sie einen Blick
  • Ändern Sie dann die color - Attribut, um die Symbole...Sie behandelt Sie als text. (ein.k.wenn Sie schreiben color: red; Sie wird rot)
  • wo ich Schreibe-Farbe-Attribut?
  • Im css-wo sonst...
  • Ich meine unter diese Linie @font-face { oder unter dieser Linie [class^="icon-"], [class*=" icon-"] {
  • Ich habe background-color:red Aber Ihrer kommt schwarz und rot jetzt imgur.com/AqUsHk9
  • Jedes Symbol hat eine Klasse, zum Beispiel .icon-pawn { color: red; } wenn Sie etwas ändern wollen, dass bestimmtes Symbol auf rot, oder wenn Sie wnat alle Symbole rot sind, dann verwenden Sie [class^="icon-"], [class*=" icon-"] {color: red;}, wie ich schon sagte, betrachten Sie Sie als text, wie Sie als Ziel einen Absatz innerhalb eines div, du kannst die Symbole die gleiche Weise, es ist sogar einfacher, denn Sie haben clasess...Und schreiben Sie es überall, am Ende und in den beiging der css spielt es keine Rolle...und ich sagte COLOR NICHT 'background-color'...
  • Ich habe versucht, mit Farbe den ersten, aber es wurde nichts geändert, und nach, dass ich versuchte, mit einer hintergrund-Farbe
  • Sehen: s4.postimg.org/bsnw8mtst/zzz.jpg nicht wissen, was Sie tun falsch ist, aber es arbeitet an der live-site...
  • Danke für die Kommentare.Sie können diesen post als Antwort.Ich werde akzeptieren

InformationsquelleAutor rocking | 2014-02-09
Schreibe einen Kommentar