[解決済み] bootstrapのアイコンはCSSだけで色をつけることができますか？

質問

TwitterのbootstrapはGlyphiconsのIconsを使用しています。 . それらは " です。 available in dark gray and white デフォルトでは、" です。

CSSの仕掛けで、アイコンの色を変えることは可能でしょうか？色ごとにアイコン画像を設定する必要がないような、他のCSS3の妙技を期待していたのですが。

囲んでいる( <i> ) 要素のことですが、アイコンの前景色について話しています。アイコン画像の透明度を逆にして、背景色を設定することは可能だと思うのですが。

では、bootstrapのアイコンはCSSだけで色をつけることができるのでしょうか？

解決方法は？

はい、もしあなたが フォントオーサム をBootstrapで実現! アイコンは少し違いますが、数が多く、どんなサイズでも見栄えが良く、色も変えることができます。

基本的にアイコンはフォントで、CSSのcolorプロパティだけで色を変えることができます。統合の方法は、提供されたリンクのページの一番下にあります。

編集する Bootstrap 3.0.0のアイコンがフォントになりました!

Bootstrap 3.0.0のリリースに伴い、他の方々もおっしゃっていますが、デフォルトの アイコングリフ がFont Awesomeのようなフォントになり、色もシンプルに変更できるようになりました。 color CSS プロパティです。サイズの変更は font-size プロパティを使用します。