如何将FontAwesome加载图标改为白色？附CSS容器实现代码

要把加载图标改成白色很简单，直接在你的.fa CSS规则里添加color: white;属性即可。另外注意你的HTML代码里有个小问题：FontAwesome 4.7.0版本并不支持fa-regular类，这个类是后续版本才引入的，保留它会导致图标无法正常显示，需要移除。

修改后的CSS代码：

i.fa {
  border-radius: 300px;
  box-shadow: 0 0 3px #888;
  padding: 0.7em 0.7em;
  background-color: #06283d;
  color: white; /* 添加这行修改图标颜色 */
}

修改后的HTML代码：

<body>
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
  <i class="fa fa-spinner fa-5x"></i> <!-- 移除fa-regular类 -->
</body>

这样修改后，加载图标就会变成白色，同时也能正常显示旋转的加载动画了。

内容的提问来源于stack exchange，提问作者Mar1941