fontawesome:无法更改堆叠图标的颜色

时间:2013-05-15 16:04:32

标签: css twitter-bootstrap font-awesome

以下是plunker - http://plunker.co/edit/npLOW06U0aAVZmGAHv7U?p=preview

style.css,我做

.icon-stack .icon-sign-blank: {
 color: red; 
}
.icon-stack .icon-trash: {
  color: white;
}

但它没有改变颜色,我在这里做错了什么?

2 个答案:

答案 0 :(得分:2)

确实会改变颜色,但在两个选择器之后你都有不必要的冒号:,只需删除它们:

.icon-stack .icon-sign-blank {
color: red; 
 }

.icon-stack .icon-trash {
 color: white;
 }

http://plunker.co/edit/6z6bMO1opw6zyxAz4DN4?p=preview

答案 1 :(得分:0)

只声明一个单独的类,例如

.red{
 color:red;
}

并在调用图标类时包括它,即

<i class="icon-stack red"></i>