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

问题描述 投票:0回答:2

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

我该怎么做呢?这是我的CSS。

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

不行。

css css3 font-awesome
2个回答
0
投票

需要针对正确的课程

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

0
投票

你可以试试这个。

.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>
© www.soinside.com 2019 - 2024. All rights reserved.