禁用字体真棒图标上的颜色

时间:2019-04-18 23:55:46

标签: html css font-awesome

我刚刚在字体真棒图标中添加了href标记,它会像这样更改其颜色:

enter image description here

是否可以删除此链接颜色?

<a href="https://www.w3schools.com"><i class="fa fa-facebook"></i></a>

3 个答案:

答案 0 :(得分:1)

在您的CSS中:

package common;

import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;


public class ButtonTester implements ActionListener {

    public static void main(String[] args) {

    }

    @Override
    public void actionPerformed(ActionEvent e) {
        System.out.println("Hello. I'm in the action Performed Method.");
    }

}

答案 1 :(得分:1)

您无法“删除”颜色,但可以将颜色更改为其他颜色。

仅将CSS与类一起使用

a.black{color: #000 !important}

或在所有a标签上

a{color: #000 !important}

或直接在标签上

<a href="https://www.w3schools.com" style="color: #000 !important"><i class="fa fa-facebook"></i></a>

我添加了重要标签,以确保在被单击或激活时它保持黑色。

答案 2 :(得分:1)

您可以更改锚标签中所有.fa图标的颜色

a .fa {
    color: black;
}

堆栈摘要中的演示

a .fa {
  color: black;
}
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet"/>

<a href="https://www.w3schools.com"><i class="fa fa-facebook"></i></a>