求助！AUI框架的图标颜色

满满

求问大神！
AUI框架里有一套图标方案，看例子有黑色和白色两种颜色。
如果想改变这个图标颜色，该如何操作？
跪求！
谢谢

小飞牛

如果是在图标方案中的图标，那么它使用的是字体图标，只要在使用时在该元素添加一个类，定义给类的color值就行了。例如：

1. <li class="aui-col-xs-4 aui-text-center">
   
2.                         <span class="aui-iconfont aui-icon-deliver aui-text-danger my-class"></span>
   
3.                         <p>栏目</p>
   
4.                 </li>

复制代码

my-class是你添加的类

1. .my-class{color:#f00;}

复制代码

所谓字体图标，你把图标当文字使用就行了，用在文字的样式也能用在字体图标上

muxiaobo

去样式里面改

muxiaobo

.aui-grid .aui-iconfont {
    position: relative;
    z-index: 20;
    top: 0;
    height: 1.4rem;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

在aui.css文件里找到这个样式在里面加color:你想要的颜色。

nevermind

你怎么改变字体的颜色，你那个颜色就怎改变

ZhengRH

从css文件夹里面找到aui.css里面会有你用的css样式然后你搜一下自己用的class名改它的color属性就可以了。aui控件的东西基本上都是可以改的。

满满

小飞牛 发表于 2016-8-18 21:09
如果是在图标方案中的图标，那么它使用的是字体图标，只要在使用时在该元素添加一个类，定义给类的color值 ...

谢谢，明白了

满满

muxiaobo 发表于 2016-8-18 21:53
去样式里面改

谢谢，万分感谢

满满

muxiaobo 发表于 2016-8-18 21:55
.aui-grid .aui-iconfont {
    position: relative;
    z-index: 20;

谢谢，万分感谢

满满

ZhengRH 发表于 2016-8-19 09:03
从css文件夹里面找到aui.css里面会有你用的css样式然后你搜一下自己用的class名改它的color属性就可以了。a ...

谢谢，您说的对