语义UI图标白色不显示

Question

我使用Semantic-UI图标，在这种情况下，我使用了组图标，并且想要制作一个带有选中标记的证书图标，这很好，但是我想要将选中图标设置为白色，但是它不起作用，我不知道不想使用诸如color：white之类的其他CSS，我正在寻找语义类，该怎么办？

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />


<i class="huge icons">
  <i class="big blue certificate icon"></i>
  <i class="white check icon"></i>
</i>

Answer 1

使用inverted类

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />


<i class="huge icons">
  <i class="big blue certificate icon"></i>
  <i class=" inverted check icon"></i>
</i>