【问题标题】:Font Awesome Icon Color different on different pages不同页面上的字体真棒图标颜色不同
【发布时间】:2019-02-28 10:12:51
【问题描述】:

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

在我的一个页面上它是绿色的(我想要的)。在另一页上它是黑色的。我猜有些东西被颜色覆盖了。我错过了什么?

我浏览了 SO 文章,例如:Can I change the color of Font Awesome's icon color?

我希望它看起来如何(绿色): 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;

【问题讨论】:

  • 您的问题似乎与 HTML 和 CSS 有关,我也许可以提供帮助,但我不知道 aspx。你能指定&lt;i class="fa fa-arrow-circle-left" {color: green}&gt;&lt;/i&gt; 被解析成什么(标记方式)吗?
  • 为什么不在 CSS 文件中定义样式规则? .fa-arrow-circle-left{ color: green; }
  • @Saltz 可能是因为他们希望它在不同的页面上有不同的颜色?
  • @AndreiGheorghiu 在这个问题中,他指的是希望它在多个地方都是绿色的。如果你能做到一次,为什么内联样式所有的 HTML 属性?
  • @Saltz,我明白你的意思。即使我没有将其内联设置为绿色,它仍然让我想知道为什么一页将其设置为绿色。我将其内嵌为绿色的页面显示为黑色

标签: html css asp.net font-awesome


【解决方案1】:

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

您可能为您的图标继承的 HTML 元素制定了样式规则,因为它在 p 元素中的位置。对于颜色不是绿色的代码示例。是由于内联 css 的语法错误。应按如下方式进行:

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

【讨论】:

  • 谢谢,我刚试过 style="color: #94b04c;"刚才,这似乎有效。
猜你喜欢
  • 1970-01-01
  • 2019-09-09
  • 2020-01-11
  • 1970-01-01
  • 1970-01-01
  • 2013-07-01
  • 2017-02-19
  • 2016-09-19
  • 2014-11-04
相关资源
最近更新 更多