当前位置: 首页 > 知识库问答 >
问题:

我可以只使用CSS为引导图标添加颜色吗?

汪同
2023-03-14

Twitter的引导使用Glyphicons的图标。默认情况下,它们是“提供深灰色和白色”:

是否可以使用一些CSS技巧来更改图标的颜色?我希望其他css3的亮点能够避免为每种颜色设置图标图像。

我知道你可以改变封闭的背景颜色(

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


共有3个答案

卢承弼
2023-03-14

因为glyphicons现在是字体,所以可以使用上下文类为图标应用适当的颜色。

例如:<代码>

陈誉
2023-03-14

使用最新版本的Bootstrap RC 3,更改图标的颜色就像添加一个具有所需颜色的类并将其添加到跨度中一样简单。

默认黑色:

<h1>Password Changed <span class="glyphicon glyphicon-ok"></span></h1>

将成为

<h1>Password Changed <span class="glyphicon glyphicon-ok icon-success"></span></h1>

CSS

.icon-success {
    color: #5CB85C;
}

引导3字形图标列表

梁昊天
2023-03-14

是的,如果您在Bootstrap中使用字体真棒!图标略有不同,但有更多,它们在任何大小下看起来都很棒,您可以更改它们的颜色。

基本上,图标是字体,您可以通过CSS颜色属性更改它们的颜色。集成说明位于页面底部提供的链接中。

编辑:Bootstrap 3.0.0图标现在是字体!

正如其他一些人在Bootstrap 3.0.0版本中提到的那样,默认图标图示符现在是像Font Awesome这样的字体,只需更改CSS属性即可更改颜色。可以通过“字体大小”属性更改大小。

 类似资料:
  • 嗨,我正在使用bootstrap 2.3.2。在我的应用程序中。我正在使用引导图标,希望更改默认颜色。我找到了这个stackoverflow问题的答案,但我不知道如何将其更改为黄色。我也看到了这个问题,但我想这样改变

  • 由于某种原因,我必须将图标包装在标记中。 是否有可能将字体出色的图标的颜色更改为黑色? 或者只要它包装在标记中就不可能?字体真棒应该是字体而不是图像,对吧?

  • 问题内容: 如何为网页中的鼠标光标分配颜色? 谁能建议我使用HTML,CSS,JavaScript等任何技术来做到这一点的方法? 问题答案: 将图片与CSS 属性一起使用,我看不到需要JavaScript继承人… 如前所述,我只使用了其中的一种,只是以防万一您的图像无法加载,就像我们声明了多个字体系列一样。

  • 我正在用Bootstrap创建一个网站,我想更改导航栏的文本颜色。我甚至很难瞄准导航栏,但这不是重点。基本上,我只想改变文本的颜色。它允许我更改除文本颜色以外的任何内容,例如背景颜色、字体、边框等,而不是文本颜色。这里有一个指向该页面GitHub的链接。任何帮助都将不胜感激(我的css在css/style.css中,颜色标签在.nav、.navbar、.dropdown菜单类中)。 编辑1我已经更

  • 我正在使用bootstrap制作一个带有bootstrap的网站,这时我遇到了一个小问题。我试图改变我的导航栏(药丸)中文本的颜色: HTML: CSS: (这段代码解决了我的问题,但我有以下几个问题。) 我想知道为什么在CSS中我必须引用。nav类(为什么不只是.nav),以及为什么我必须引用a(链接标记)才能更改文本的颜色。(当我尝试将a(链接标记)更改为li(列表标记)时,文本的颜色没有更改

  • 我不知道如何调整这个块的颜色,我想要的是黑色,所以它会遵循原来的背景本身。 下面是代码的样子: 我的意思是像这个Screnshot。如何将导航按钮的颜色调整为与背景颜色相同,仅适用于移动站点 有没有人纠正我,告诉我怎么修?会很感激的。