我正在为我的UI使用Bootstrap框架。我想将字形的颜色更改为蓝色,但并非在所有地方都更改。在某些地方,它应该使用默认颜色。
终于我找到了答案。要在2.3.2引导程序中添加新图标,我们必须在文件中添加FontAwsome css。完成此操作后,我们可以使用css覆盖样式以更改颜色和大小。
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
CSS
.brown{color:#9b846b}
如果我们想更改图标的颜色,则只需添加棕色类,图标就会变成棕色。它还提供各种大小的图标。
HTML
<p><i class="icon-camera-retro icon-large brown"></i> icon-camera-retro</p> <!--brown class added--> <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p> <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>