<a>
어떤 이유로 든 아이콘을 태그 안에 넣어야합니다.
멋진 글꼴 아이콘의 색상을 검은 색으로 변경할 수있는 방법이 있습니까?
또는 <a>
태그 안에 포장되어있는 한 불가능 합니까? 멋진 글꼴은 이미지가 아닌 글꼴이어야합니다.
<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
<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;
}
.fa {color: green;}
수행했습니다. 그런 다음 .fa.icon-white {color: white;}
위와 동일한 효과를 얻을 수 있습니다 .
background-color
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>
Bootstrap
. 클래스 <i>
를 사용하여 태그를 지정하면 text-primary
아이콘 색상을 파란색으로 재정의하십시오. 알아두면 좋습니다.
전체 프로젝트의 글꼴 멋진 아이콘 색상을 변경하려면 CSS에서 이것을 사용하십시오.
.fa {
color : red;
}
CSS 파일을 변경하지 않으려면 이것이 효과적입니다. HTML에서 색상으로 스타일을 추가하십시오.
<i class="fa fa-cog" style="color:#fff;"></i>
속성을 사용하여 전경색 을 변경 하여 멋진 글꼴 아이콘의 색을 변경할 수 있습니다 . 다음은 예입니다.css
color
<i class="fa fa-cog" style="color:white">
이것은 또한 svgs를 지원합니다
<style>
.fa-cog{
color:white;
}
</style>
<style>
.parent svg, .parent i{
color:white
}
</style>
<div class="parent">
<i class="fa fa-cog" style="color:white">
</div>
이 코드를 같은 줄에 작성하면 아이콘 색상이 변경됩니다.
<li class="fa fa-id-card-o" style="color:white" aria-hidden="true">
HTML :
<i class="icon-cog blackiconcolor">
CSS :
.blackiconcolor {color:black;}
클래스를 사용하면 필요한 모든 태그에 적용 할 수있는 무료 바인딩 속성이 제공됩니다.