Font Awesome의 아이콘 색상을 변경할 수 있습니까? 태그 안에 넣어야합니다. 멋진 글꼴

<a>어떤 이유로 든 아이콘을 태그 안에 넣어야합니다.
멋진 글꼴 아이콘의 색상을 검은 색으로 변경할 수있는 방법이 있습니까?
또는 <a>태그 안에 포장되어있는 한 불가능 합니까? 멋진 글꼴은 이미지가 아닌 글꼴이어야합니다.

<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>

이것은 나를 위해 일했다 :

.icon-cog {
  color: black;
}

4.7.0 이상의 Font Awesome 버전의 경우 다음과 같습니다.

.fa-cog {
  color: black;
}

HTML :

    <i class="icon-cog blackiconcolor">

CSS :

    .blackiconcolor {color:black;}

버튼 아이콘에 클래스를 추가 할 수도 있습니다 …

스타일 속성에서 색상을 지정할 수 있습니다.

<a href="/users/edit"><i class="icon-cog" style="color:black"></i> Edit profile</a>

전체 프로젝트의 글꼴 멋진 아이콘 색상을 변경하려면 CSS에서 이것을 사용하십시오.

.fa {
  color : red;
}

이 시도:

<i class="icon-cog text-red">
<i class="icon-cog text-blue">
<i class="icon-cog text-yellow">

CSS 파일을 변경하지 않으려면 이것이 효과적입니다. HTML에서 색상으로 스타일을 추가하십시오.

<i class="fa fa-cog" style="color:#fff;"></i>

해당 종류의 버튼에서 톱니 바퀴 아이콘 만 누르려면 버튼에 클래스를 지정하고 버튼 안에있을 때만 아이콘의 색상을 설정할 수 있습니다.

HTML :

<a class="my-nice-button" href="/users/edit">
    <i class="icon-cog"></i>
    Edit profile
</a>

CSS :

.my-nice-button>i { color: black; }

이렇게하면 버튼의 직접적인 자손 아이콘이 검은 색으로 표시됩니다.

How IT