我正在我的wordpress网站上工作,最近有一个名为Visia的新主题。 经过几天的搜索,我终于找到了社交按钮周围圆圈的悬停效果所在的位置。 但是只有一个问题:图标具有自己的CSS文件。 我希望圆圈(边框颜色)和图标(颜色,它们都有图标字体)都可以在一个悬停时更改颜色。 现在我在icons.css中对此进行了更改

.icon-linkedin:hover {
    border-color:#06C;
    opacity::1;
    color:#06C; 
}

另一个还没有悬停,因为我试图将这个类(style.css)引用到icons.css

.social-links a:hover {
    ???
}

边框的颜色应与图标的颜色相同(因为社交链接不同,因此颜色也不同)

如果有人可以帮助,那就太好了...

提前致谢!

===============>>#1 票数:0

像这样简单地覆盖它:

.icon-linkedin:hover {
    border-color:007bb6;
    color:007bb6; 
}

并根据需要添加!important

.icon-linkedin:hover {
    border-color:007bb6 !important;
    color:007bb6 !important; 
}

===============>>#2 票数:0

我已通过从其他一些类(实际上是给边框的类)中删除边框并将其添加到已经存在的图标类中来解决此问题。 我还向该类添加了一个悬停功能,从而可以同时更改颜色和边框颜色。

  ask by user3552847 translate from so

未解决问题?本站智能推荐: