。默认情况下是"available in dark gray and white“:
有没有可能使用一些CSS技巧来改变图标的颜色?我希望有一些其他的css3亮点,可以避免必须为每种颜色设置一个图标图像。
我知道您可以更改封闭(<i>)元素的背景色,但我指的是图标的前景色。我猜可以反转图标图像上的透明度,然后设置背景颜色。
那么,我是否可以仅使用CSS为引导程序图标添加颜色?
我有一个固定的透明标题,有一系列的图标。默认情况下,图标是白色的,但是当我向下滚动页面时,图标会改变颜色,这样就可以看到它们,例如,当在白色背景上悬停时变成黑色,等等。
为此,我将数据属性应用到页面的每个部分:
data-header-class="header--white"
然后使用jQuery:
$(window).scroll(function () {
$('.sect').each(function () {
var w = $(window).scrollTop();
var t = $(this).offs
我想应用不同的颜色,在一个A标签内的几个字体-可怕的图标。但是,CSS类似乎没有被应用?我想要灰色(非活动图标)和黄色(活动图标),但我得到蓝色(活动图标)和黑色(非活动图标),这是我认为是引导默认。
Visit https://jsfiddle.net/q1um77ax/1/ for a fiddle
注意:这些颜色必须使用类来应用,因为我正在对我的站点进行动态主题特性,而且同一类标记在几个CSS文件中,根据主题的不同颜色不同。