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

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

需要正确定位class

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

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

How to change color of font awesome icon

css

font-awesome