Question

我正在使用i class = fa-arrow-circle-left

在我的一页上，它是绿色的（我想要的样子）。在另一页上它是黑色的。我猜是某种颜色被取代了。我想念什么？

我浏览了诸如Can I change the color of Font Awesome's icon color?

之类的SO文章。

我希望它看起来如何（绿色）： Green

外观（黑色）：Black

aspx文件为黑色：（请注意，该文件没有内联样式，这只是我为使其绿色而尝试的方法，但仍显示为黑色）

  <%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="notworking.aspx.cs" Inherits="project.folder.file" %>

<p><i class="fa fa-arrow-circle-left" {color: green}></i><a href=""> Member Summary</a></p>

aspx文件带有绿色：

 <p><asp:LinkButton ID="lnkButtonBackToSearch" runat="server" OnClick="lnkButtonBackToSearch_Click" Visible="false"><i class="fa fa-arrow-circle-left"></i> Back To Search</asp:LinkButton></p>

我也查看了css文件，但是我唯一看到的是黑色：

body {
color: #000000;

Answer 1

查看您提交的图片和代码示例后，我发现了问题。

您可能为HTML元素制定了样式规则，由于图标在p元素中的位置，因此继承了该样式。对于代码示例，其中颜色不是绿色。是由于内联CSS语法错误。应该按照以下步骤进行：

<p><i class="fa fa-arrow-circle-left" style="color:green;"></i><a href=""> Member Summary</a></p>

字体真棒图标颜色在不同页面上有所不同

1 个答案: