当前位置: 首页 > 知识库问答 >
问题:

字体真棒图标颜色不同页面不同

冯新知
2023-03-14

我正在使用I class=FA-Arrow-Circle-Left

带黑色的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;

共有1个答案

权浩邈
2023-03-14

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

由于图标在p元素中的位置,您可能为HTML元素制定了样式规则。对于颜色不是绿色的代码示例。是由于内联CSS语法中的错误造成的。应该这样做:

<p><i class="fa fa-arrow-circle-left" style="color:green;"></i><a href=""> Member Summary</a></p>
 类似资料:
  • 编辑问题以包括所需的行为、特定问题或错误以及重现问题所需的最短代码。这将帮助其他人回答问题。 我下载了一个主题,在导航栏部分有很棒的字体图标。当我尝试更改图标的颜色时,它保持不变。 我试过了 但它不起作用。

  • 由于某些原因,图标不会变为红色。它保持白色/灰色。 有人知道如何把颜色变成红色吗? 还有很多其他问题没有提到我正在使用的“CSS伪元素”类型。

  • 我的css代码: 不确定我是否使用了正确的图标等fa-facebook-square,以及它是否被锁定为透明。

  • 我想静态旋转我的字体图标45度。网站上说: 要任意旋转和翻转图标,请使用fa-roate-*和fa-fllip-*类。 但是, 不起作用,而将替换为起作用。这是否意味着它们实际上不能任意旋转?

  • 问题内容: 我有一些看起来像这样的CSS: 我想用Font Awesome中的图标替换图像。 无论如何,我看不到将CSS中的图标用作背景图片。假设在我的CSS之前加载了Font Awesome样式表/字体,是否可以这样做? 问题答案: 您不能将文本用作背景图像,但是可以使用或伪类将文本字符放置在所需的位置,而不必添加各种杂乱的额外标记。 确保在您的实际文本包装器上进行设置,以便定位。 编辑: Fo

  • 问题内容: 我尝试将插入号向下图标添加到多个选项的第一个选择中,如下图所示: 我无法在上方的小提琴上看到该图标。 以及相应的代码: 问题答案: 您可以简单地将FontAwesome图标添加为所选下拉菜单作为文本。您只需要CSS中的一些东西,FontAwesome CSS和unicode。例如: 单击图标可找到unicode:Fontawesome 更新:从Github问题开始,将multiple属