如何更改字体真棒图标的颜色

Question

我有一个font-awesome图标，我想更改为white。

我该怎么做？这是我的CSS。

.phone {
     font-size: 15px;color: 
     #ffffff! Important;
}

不起作用。

Answer 1

您可以尝试一下。

.icon {
  background: red;
  padding: 20px;
  display: inline-block;
}

.icon i {
  color: white;
}

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

<div class="icon">
  <i class="fa fa-user"></i>
</div>

Answer 2

需要定位合适的阶级

 .fa-phone {font-size: 15px;color:#ffffff! Important;}}