相关疑难解决方法(0)

Twitter的bootstrap使用Glyphicons的Icons.它们available in dark gray and white默认为" ":

是否可以使用一些CSS技巧来改变图标的​​颜色？我希望有一些其他css3的亮度可以防止必须为每种颜色设置一个图标图像.

我知道你可以改变enclosing(<i>)元素的背景颜色,但我说的是图标前景色.我想可以反转图标图像上的透明度,然后设置背景颜色.

那么,我可以仅使用CSS为引导图标添加颜色吗？

我正在为我的UI使用Bootstrap框架.我想将我的glyphicons的颜色改为蓝色,但不是在所有地方.在某些地方,它应该使用默认颜色.

我已经提到了这两个链接,但我找不到任何有用的东西.

• 我可以仅使用CSS为引导图标添加颜色吗？
• 如何将Bootstrap 3的glyphicons更改为白色？

请注意:我使用的是Bootstrap 2.3.2.

我正在使用Bootstrap,并希望在表单的提交按钮中添加一个图标.
这是代码:

<%= f.submit "Submit for Approval <i class='icon-share-alt icon-white'></i>", 
                                class: "button_green" %>

生成的HTML:

<input type="submit" value="Submit for Approval &lt;i class='icon-share-alt icon-white'&gt;&lt;/i&gt;" name="commit" class="button_green">

我尝试将raw和html_safe添加到文本中,但似乎都没有.
我知道一个解决方案就是让类成为带有图标的图像,但我想这样做而不创建额外的图像/ CSS.有什么建议？

我想将bootstrap glyphicon颜色更改为"黄色",因为当前颜色显示为白色,看起来像删除按钮.如何更改颜色glyphicon-folder-close或使用更好地显示文件夹图像的任何其他字形？

main.html中

<button type="button" class="btn btn-info btn-lg" ng-click="serverFiles()" style="margin-left: 10px"><span class="glyphicon glyphicon-folder-close"></span></button>