Я отображаю значок галочки 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](https://i.stack.imgur.com/ggQ0w.png)
Шрифт Awesome импортируется как
<link href="css/font-awesome-4.7.0.min.css" media="screen" rel="stylesheet" type="text/css">