/ / Ako nastaviť vlastnosť obsahu CSS pomocou ikony materiálu Google? - css, css3, materiál-design, google-materiál-ikony, contentproperty

Ako nastaviť vlastnosť obsahu CSS pomocou Ikony materiálu Google? - css, css3, materiálový dizajn, ikony google-material, contentproperty

Ako môžem vložiť ikonu materiálu Google "vpravo na ikonu ikony chevron" (https://design.google.com/icons/#ic_chevron_right) v nasledujúcich vlastnostiach obsahu CSS:

.bullet li a:before {
content: "";
}

odpovede:

7 pre odpoveď č. 1

Aktualizácia na rok 2018

Google odstránil kódy, ktoré boli zobrazené skôr pre IE9 a nižšie. Ak chcete získať kódy, navštívte súbor kódových bodov v úložisku GitHub.

Prepojenie na kódové body v úložisku GitHub: https://github.com/google/material-design-icons/blob/master/iconfont/codepoints


Krok 1: Zahrňte šablónu materiálových ikon.

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Krok 2 :

Kód CSS:

.bullet li a:before {
font-family: "Material Icons";
content: "e5cc";
}

vysvetlenie: Hodnota e5cc je kód, ktorý vidíte pre trojuholník.

tu zadajte popis obrázku


0 pre odpoveď č. 2

Skúste to.

.bullet li a:before {
font-family: FontAwesome;
content: "f054";
}

Môžete sa obrátiť tu pre hodnoty obsahu


0 pre odpoveď č. 3

Môžete to použiť pre režim rtl:

.bullet li a:before {content: "E5CB";}