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

发布时间：2020-12-18 00:19:39 所属栏目：安全来源：网络整理

导读：我正在使用twitter引导,我有一个问题在他们的主页使用的glyphicon.参考,参考基础CSS页面： http://twitter.github.com/bootstrap/base-css.html 在左侧,您可以看到导航 – 排版,代码,表等.现在,如果您注意到,导航中包含由“icon-chevron-right”类标识的glyp

我正在使用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;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!