twitter-bootstrap – Twitter Bootstrap – 如何获取灰色的glyphicon

我正在使用twitter引导,我有一个问题在他们的主页使用的glyphicon.参考,参考基础CSS页面： http://twitter.github.com/bootstrap/base-css.html

在左侧,您可以看到导航 – 排版,代码,表等.现在,如果您注意到,导航中包含由“icon-chevron-right”类标识的glyphicon.但是,该图标不是黑色或白色.它是灰色的当鼠标悬停在特定项目上时,该图标变为较暗的灰色阴影. CSS不显示任何普通的东西,似乎是指黑色字形,但图标是灰色的,并具有悬停效果.

在这里使用引导功能的任何想法？

解决方法

这实际上是使用CSS opacity属性设置的.他们的代码：

.bs-docs-sidenav .icon-chevron-right {
float: right;
margin-top: 2px;
margin-right: -6px;
opacity: .25;
}

这种变化将悬停到较高的不透明度以使其变暗.实际上只是黑色的图标.

所以,像：

.class > i {
    opacity: 0.25;
}

.class:hover > i {
    opacity: 0.5;
}

原文地址：https://www.jb51.cc/bootstrap/234079.html