New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
图标的颜色怎么修改呀 #330
Comments
svg-icon 默认会读取其父级的color 你可以改变父级的color或者直接改变fill的颜色即可。 |
大佬我就是这样做的, 但是颜色却没有改变。 |
大佬我发现了,从你这项目拷贝过去的svg就可以改颜色,但是我从iconfont下载的svg就不行, |
我项目里所有的icon都是从iconfont上面下载的。。。 |
刚刚打开看了下svg的源代码,原来下载下来的path上面自带了fill属性...... |
请问大佬有啥办法可以使下载的图标不自带fill属性吗,我下载的都有, 这样一个一个改岂不是很麻烦。。。 |
样式覆盖不就好了 设置的时候加一个
|
好的,多选大佬 |
@540240126 你是怎么弄的,我的也不行 |
@PanJiaChen 能举个例子吗,用!important也不行 |
@busyhe 请提供demo |
@PanJiaChen |
@busyhe 我知道怎么回事,你用编辑器打开下载的svg图片的源代码, 把里面的fill属性去掉即可 |
@540240126 有没有便捷的方案,这个手动去删有点low啦,哈哈哈 |
@busyhe 有啊,写个全局的css属性 |
@540240126 万分感谢 |
下载http://iconfont.cn/ 图标的时候,要选白色,就可以 fix 这个问题,但是具体原因不明,
|
其实就是楼上所说的fill的问题,最简单的方法全局加一个css |
测试了一下,iconfont网站多色使用的是 |
是的,其实我那个方法遇到多色是会有问题的,多色还是要自己去做处理 |
大小调整为啥不成功呢 有大佬知道吗 |
@ccmanito 改 |
你好,请问一下,字体图标添加字体阴影不生效怎么办 |
你好,请问一下,我从iconfont下载的图标,把自带的fill属性去掉,图标还是不能显示,是不是path里面的问题? |
今天也遇到这个问题,详细看了一下作者的文档 图标 下面的那个gif显示的很明显,先将需要的icon 添加入库,然后在库中添加进一个自定义的项目中,去项目中选择Symbol,点击下载就没问题了 |
我在iconfont下载的icon,设置到左侧导航的图标时,总是比模版中icon的看起来要小一些,我看模版中的icon预览的时候左右两边都没有多余的空白,我下载的在预览的时候左右两边都有空白,是这个原因吗?要怎么解决呢?以下是svg的内容: |
|
怎么让图标和字体一上一下,就是图标在上,字体在下 |
解决了吗,这个问题 |
我当时遇到的我这上面回答了我的处理步骤,都是按照大佬的文档自己走了一遍,感觉没啥问题的吧。主要是你这在iconfont里面咋下载,没发现图标大了小了的问题
Thanks & Best Regards
Aj_Renekton
|
为什么我需要导入 才能用 |
下载的时候把颜色代码删除,下载下来的svg有的是没有fill字段 |
我使用了@yuanyuanyuan给的建议从http://iconfont.cn/ 下载默认图标是可以通过color改变图标颜色(没有fill属性),但发现其中也有不可以通过color改变图标颜色(有fill属性)。 |
图标可以编辑,下载之前编辑放大,不留空白就好 |
@PanJiaChen 请问下多色的需要怎么处理 页面上的fill属性都被删除了 显示是全黑的 |
icon颜色不可以修改的看看配置文件的路径有没有合适,常规css中是没有fill属性的,只在XML或者yml-CSS中存在,不用important |
把svg文件里面的fill去掉 然后选择白色的就可以了 |
删除svg文件里的fill属性可以解决,亲测可用 |
实测有效: |
替换其他没有空白的图标,我是这样解决的,强迫症大小不统一完全受不了 |
你好,是这样的,我把代码拷贝到我的项目里,图标是可以显示的,但是颜色却不能通过color去设置,请问是有什么要注意的地方吗?
The text was updated successfully, but these errors were encountered: