[解決済み】Font Awesomeのアイコンカラーを変更することはできますか?
2022-03-28 04:24:59
質問
アイコンを
<a>
タグを使用します。
font-awesomeのアイコンの色を黒に変更する方法はありませんか?
で包む限り不可能なのでしょうか?
<a>
タグを使用することはできますか?Font awesomeは画像ではなくフォントのはずですよね?
<a href="/users/edit"><i class="icon-cog"></i> Edit profile</a>
解決方法は?
私はこれでうまくいきました。
.icon-cog {
color: black;
}
上記のFont Awesomeのバージョンの場合 4.7.0 の場合、このように表示されます。
.fa-cog {
color: black;
}
関連
-
[解決済み] CSSのホバー効果が私のコードで機能しない
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] リスト項目にマウスを置いたときに、カーソルを手の形に変えるには?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] HTML5の数値入力のスピンボックスを非表示にすることはできますか?
-
[解決済み] hr要素の色を変更する
-
[解決済み] node.jsのコンソールのフォントカラーを変更する方法は?
-
[解決済み】Font Awesome アイコンの色、サイズ、シャドウのスタイルを設定する方法
-
[解決済み】大きなフォントアウターアイコンでテキストを縦方向にセンタリングする方法は?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】CSS "margin: 0 auto" が中央揃えにならない。
-
[解決済み] ボディの背景色が表示されない?
-
[解決済み] テーブルセルの背景を透明にする方法
-
[解決済み] CSS - display: none; が機能しない
-
[解決済み] 必要なキーに一致するルートがありません。[:id]
-
[解決済み] フォームの中にフォームがある、でいいのかな?[重複]
-
[解決済み] Favicon.icoを表示させることができません。
-
[解決済み] TD rowspan が機能しない
-
[解決済み] Visual Studio Code CSSエラー「空のルールセットを使用しないでください」【終了しました
-
[解決済み】Font Awesome アイコンの色、サイズ、シャドウのスタイルを設定する方法