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

标签 html css twitter-bootstrap

我想改变图标颜色。 不是背景颜色。 我的 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;}

更改悬停时图标的颜色。

最佳答案

您正在更改边框颜色。

要改变颜色使用color:

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

关于html - 我们如何改变图标的​​颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18650584/

相关文章:

html - 我无法在 Bootstrap 模式中向上移动元素

eclipse - 在 Eclipse Kepler 中使用 HTML5 和 CSS3 进行 GUI 设计

Javascript 专注于下一个输入字段

javascript - 在 "close"单击时禁用 Bootstrap 中的折叠动画

css - 为什么设置 html 实体字符的颜色失败?

html - 主导航项不如子菜单项宽

asp.net-mvc - 如何轻松地将 Bootstrap 应用于已完成的 ASP.net MVC 4 应用程序?

html - 如何设置导航菜单项之间的不同间距?

javascript - 更改单选按钮检查的值的字体粗细

javascript - 使用 jquery 或 java 脚本获取复选框值并显示一个 div