【问题标题】:How to change multiple icon colors at once?如何一次更改多个图标颜色?
【发布时间】:2017-04-27 09:47:44
【问题描述】:

我受雇设计一个应用程序和一个网站,我的老板一直在改变他对图标颜色的看法。 它们都是一种颜色(极简风格) 我有很多,如果有办法一次给它们上色(他希望它们都是相同的颜色),我正在徘徊。 我有 svg 和 png 文件,因此如果有帮助,我可以将它们制作成任何我想要的格式。 希望有人能够提供帮助。 坦克

【问题讨论】:

    标签: svg png


    【解决方案1】:

    如果你使用 svg,你可以使用一个 css 类来设置fill 属性,例如:

    .svg-color{
       fill: red;
    }
    
    <svg class="svg-color"></svg>
    

    有时颜色也会设置在 svg 笔画上,因此您的班级可能是:

    .svg-color{
       fill: red;
       stroke: red;
    }
    

    如果你想更新文件,你可以直接在里面做:

    <svg fill="red" stroke="red"></svg>
    

    【讨论】:

    • 感谢您的快速答复。我有几个新问题:1)这只会影响网站/应用程序上的颜色,文件会保持黑色对吗? 2)你知道改变文件本身的方法吗? 3)有没有办法在颜色设置的顶部为图标添加背景?
    • 1) 是的,它不会更改文件。 2)我更新了我的答案。 3) 不是真的,但有一种解决方法,请参阅此答案:stackoverflow.com/a/11293812/1102310 4) 如果有帮助,请将答案标记为已接受。 =)
    • 我正在尝试投票,但我的帐户是全新的,所以无论如何我都无法这样做,非常感谢您的回答
    • 我有最后一个问题:我将最后一个代码放在哪里来更新文件本身?
    • 使用文本编辑器(例如:notepad++)打开 svg。您可以更新根元素 ()。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-26
    • 2021-09-15
    • 2020-01-24
    相关资源
    最近更新 更多