html - 我们如何改变图标的​​颜色

Question

我想更改图标颜色。不是背景颜色。我的html代码：

<i class="icon-large icon-3x icon-arrow-up go-top" style="color:#eee;"></i>

CSS：

.go-top {
    position: fixed;
    bottom: 1em;
    right: 1em;
    text-decoration: none;
    color: #fff;

    font-size: 13px;
    padding: 1em;
}

i.go-top:hover{
border-color:red;}

更改悬停时图标的颜色。

Answer 1

您正在更改边框颜色。

改变颜色使用color:

i.go-top:hover{
  color:red;
}