Font-Awesome перевернутый цвет значка - PullRequest
0 голосов
/ 04 марта 2020

Я отображаю значок галочки Font Awesome как часть Select2 Multi-Select, но цвет инвертируется: BG = черный, FG = белый. Мне нужно BG = белый (включая контур), FG = черный.

My CSS:

.select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"]:before {
    font-family: 'fontAwesome';
    content:'\f14a';
    margin-right:1rem;
    color:#000;
}
.select2-container--default .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="false"]:before {
    font-family: 'fontAwesome';
    content:'\f0c8';
    margin-right:1rem;
    color:#000;
}

Приведенный выше код добавляет fontAwesome галочки в Select2 Multi-Select, но poblm is:

enter image description here

Шрифт Awesome импортируется как

<link href="css/font-awesome-4.7.0.min.css" media="screen" rel="stylesheet" type="text/css">
...