<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; }
이렇게하면 버튼의 직접적인 자손 아이콘이 검은 색으로 표시됩니다.