填充不更改图标组件中svg的颜色
填充不更改图标组件中SVG的颜色是指在使用SVG图标作为组件时，保持原有的颜色不变而进行填充操作。这通常用于根据不同的主题或状态来改变图标的颜色，以增强用户界面的可视化效果。
为了实现填充不更改图标组件中SVG的颜色，可以采取以下步骤：
- 使用SVG图标作为组件：首先，将SVG图标文件引入到项目中，并将其作为组件的一部分进行使用。可以使用HTML的
<svg>标签或React的<svg>组件来嵌入SVG图标。 - 使用CSS样式控制颜色：通过CSS样式来控制SVG图标的颜色。可以使用
fill属性来指定填充颜色，或使用color属性来指定图标的颜色。例如，可以在CSS中为组件添加以下样式：
.icon {
fill: red; /* 或者使用 color: red; */
}- 动态改变颜色：如果需要根据不同的主题或状态来动态改变图标的颜色，可以使用JavaScript或前端框架来实现。通过监听主题或状态的变化，然后动态修改CSS样式中的颜色属性，从而实现图标颜色的变化。
在腾讯云的产品中，可以使用腾讯云开发者工具包（Tencent Cloud SDK）来实现云计算相关的功能。具体而言，可以使用腾讯云的云函数（Serverless Cloud Function）来实现动态改变图标颜色的功能。云函数是一种无服务器计算服务，可以根据事件触发执行代码逻辑。通过编写云函数代码，可以监听主题或状态的变化，并在变化时动态修改图标的颜色。
腾讯云云函数产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
3回答
如何导入SVG图标
、、、
我想在应用程序中导入太多的SVG图标&每个图标都需要通过css定制颜色，这是最简单的导入方式吗？导入到<img/>标签将不支持通过css填充的颜色更改。为每个图标创建一个.js组件对于250+图标来说太难了。另一种选择是什么？请帮帮忙
import IconArrow from "./Arrow.svg";
import Circlearrowdownright from "./Arrow.js";
<img className="ico" src={IconArrow} />
<i className=&
浏览 4提问于2022-05-10得票数 0
回答已采纳
在react类呈现()中包含以下内容：
import {blue900} from 'material-ui/styles/colors';
import {Tabs, Tab} from 'material-ui/Tabs';
import SocialPeople from 'material-ui/svg-icons/social/people';
var myClass = React.createClass({
render: function() {
return (
<Tabs>
浏览 2提问于2017-06-09得票数 1
回答已采纳
我在本地有一些.svg图标，我想在我的RN项目中使用它们。
一个例子是这样的.svg图标(在Chrome中打开)：
我想显示这个文件(以及控制为它指定填充颜色) --在React Native中有什么方法可以做到这一点吗？
(我尝试过'react-native-remote-svg‘组件，但这不能控制颜色)
谢谢!
浏览 7提问于2018-04-05得票数 25
我刚接触React，正在使用npm package Material UI图标()并在React组件中显示图标，如下所示：
正在导入：
import KeyboardArrowRightIcon from 'material-ui/svg-icons/hardware/keyboard-arrow-right';
和渲染：
readMoreLink={<a href={someUrl} >Read more <KeyboardArrowRightIcon /></a>}
然而，由于KeyboardArrowRightIcon是由npm包提供的
浏览 3提问于2018-06-15得票数 59
我喜欢在我的项目中使用inline svg，因为使用css和js(道具)可以很好地控制宽度、高度、填充颜色、笔画宽度和笔画颜色。我通常为每个SVG图标创建一个vue.js证监会()。下面是一个例子：
<!-- IconsArrowRight.vue -->
<template>
<svg
viewBox="0 0 14 14"
fill="currentColor"
xmlns="http://www.w3.org/2000/svg"
>
<path
d
浏览 5提问于2022-04-10得票数 1
回答已采纳
1回答
Svg文件：
<svg width="187" height="186" viewBox="0 0 187 186" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="...there`s a lot of coordinates..." fill="#4285F4"/>
<
浏览 1提问于2021-03-02得票数 0
回答已采纳
在有棱角材料内的svg图标的造型有麻烦。
主计长：
mdIconRegistry.addSvgIcon('testAnimation', sanitizer.bypassSecurityTrustResourceUrl(`${svgPath}/icons/testAnimation.svg`));
模板：
<a class="icon"><md-icon svgIcon="testAnimation"></md-icon></a>
风格：
.icon .st9 {fill: black}
问题是这个
浏览 4提问于2018-06-04得票数 1
回答已采纳
我在预加载器中使用SVG图标。我想用脚本改变图标填充的颜色。我有个小问题，在关闭预加载程序之前，颜色只会改变一小段时间。
这是我的剧本：
jQuery(function($){
document.querySelector(".svgicon").getSVGDocument().getElementById("loadericon").setAttribute("fill", "#FFF");
});
我的HTML：
<object class="svgicon" type="image/svg
浏览 0提问于2018-09-20得票数 2
回答已采纳
2回答
如果我通过css背景图像加载SVG图像，如下所示：
.icon {
background-image: url('icon.svg');
}
如何更改图标内部形状或整个图标的填充颜色？
谢谢。
浏览 7提问于2014-01-13得票数 1
回答已采纳
2回答
我有一个svg图标。我在文件里插入了这样的东西，
<img src="../assets/layouts/layout3/svgs/star-def.svg"
width="15" height="15" />
它正确地显示没有问题，但我想要的是，它需要改变颜色，简而言之，我需要多个颜色变体相同的图标使用css。这意味着，我可以改变类&图标应该变成那个颜色。我试过使用，填充，但它没有发生。下面我的html和css添加了填充。
html:-
<img src="../assets/layouts/layout3
浏览 0提问于2017-05-18得票数 0
2回答
我正在与SVG精灵一起创建一个图标系统。我使用生成simple，并使用symbol选项，因此在调用每个SVG时，我可以使用以下简单的方法：
<svg class="icon"><use xlink:href="sprite/svg/symbols.svg#icon-alert"></use></svg>
使用fill: currentColor，我也可以控制每个图标的颜色，这也是很棒的。
当我需要使用这些图标作为背景元素时，问题就来了。我知道你不能使用xlink:href从雪碧中抓取一个特定的图标--在这里需要的时
浏览 2提问于2014-09-29得票数 0
回答已采纳
1回答
我在问一个关于不同项目之间的总体架构的问题。
假设我想将所有图标/图像集中在一个存储库中的不同项目之间。这意味着所有项目都需要与这个存储库进行签出/同步。
我将使用SVG图形来确保我可以在我的项目的源代码中动态地改变颜色。颜色的变化是强制性的，并且取决于项目+域逻辑。
这种方法的优点/缺点是什么(单回购+ SVG图形)？
我脑海中闪现的第一件事是：
优势：
真理的单一来源
轻松更新所有项目
减少存储库的大小
Disadvantages:
通过回购实现不依赖项目的耦合
修改SVG属性的潜在复杂逻辑(取决于SVG本身)
图像和项目之间的强耦合(代码需要知道实现细节，以改变颜色)
有没有人有这方面的
浏览 0提问于2021-04-26得票数 4
回答已采纳
1回答
我有一个svg图标和填充:没有预定义。我想给它加一个rgb颜色，但它不工作！
.complete-look svg {
padding: 2px;
fill: black; (doenst work)
}
*, *::before, *::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
svg[Estilo de atributos] {
width: 32;
height: 32;
fill: none;
浏览 6提问于2022-08-30得票数 -2
1回答
我想将我的svg图标转换成不同的颜色，这取决于它们的背景，我使用的是这个具有以下代码的星型图标：
<svg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.5344 5.82104L19.7321 12.087L26.6796 13.1919L21.7084 18.1694L22.8045 25.1183L16.5344 21.92
浏览 31提问于2022-09-17得票数 0
background-image: url("data:image/svg+xml,%3csvg
xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'
fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0
1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708
0l-6-6a.5
浏览 1提问于2021-12-10得票数 0
1回答
目前，我正在使用Webpack的像这个，它与静态图标很好地工作。
但是现在我需要从HTTP服务器加载图标。当我试图将图标的url写到向量的src时，它不起作用。我可以使用一个<img>标签，，但我需要改变填充颜色。
如何从服务器加载图标并将其作为内联SVG插入？
浏览 0提问于2018-05-21得票数 2
1回答
我有两个SVG图标在我的资产文件夹和我有一个用户输入框在我的HTML。我希望第一个图标显示为默认，但当用户开始输入文本框时，我希望第二个图标显示。我很难实现这个目标。
有相同的搜索图标，但第一个图标只是简单的白色和第二个图标是teal颜色。
默认图标=搜索放大镜图标.
当用户开始键入=搜索-放大镜-玻璃图标时，请更改此选项。
我不确定是否有其他方法直接更改SVG图标的笔画颜色，而不是在资产文件夹中有两个图标，但这是目前的代码。
HTML
<mat-form-field appearance="fill" style="width: 380px;&
浏览 1提问于2020-04-09得票数 0
回答已采纳
我正在尝试创建SVG图标集的想法。我想要做的是定义一个调色板，并具有笔画、填充和渐变颜色停止颜色引用调色板中的颜色，这些颜色将由每个SVG文件以某种方式导入。这样，如果我想要创建图标集的灰度版本，或者根据特定类型的色盲调整颜色，那么我就可以更改调色板。
这样的事有可能吗？
浏览 0提问于2014-04-26得票数 2
回答已采纳
1回答
我添加图标按钮的形式开始从，我想用纯色点击填充它。
import StarIcon from '@material-ui/icons/StarBorder'
...
<IconButton><StarIcon className={classes.favoricon}/></IconButton>
我看过图标的实现，找不到一个可以控制它的类(检查代码)。我可以创建一个单独的svg，但也许有更好的选择
浏览 18提问于2018-06-02得票数 1
回答已采纳
如何在Google Maps中更改图标标记的颜色？
示例：
var icon = {
url: 'custom.svg', // url
}
var marker = new google.maps.Marker({
position: {lat: p[1], lng: p[2]},
map: map,
icon: icon,
});
在var icon中，我尝试填充颜色和颜色，但它没有改变图标地图标记的颜色。有谁知道怎么改变颜色吗？
浏览 2提问于2019-04-30得票数 0
我有一个没有背景的Twitter svg图标：
<img id = "twitter_icon" src = "pictures/twitter.svg" alt = "Nema">
#twitter_icon {
background-color: aqua;
}
当我给它添加背景色时，它会填满整个图标和周围的正方形空间。有没有办法填充图标，这样颜色就不会离开图标的边框？
都会对你的回答表示感谢。
浏览 5提问于2020-11-21得票数 0
11回答
我有一张图标列表。我想把图标的颜色改成白色。默认情况下，我的图标是黑色的。伙计们有什么建议吗？
我通常使用'fill: white'在我的css，但现在我这样做的反应..。不管用了！
import React from 'react'
import menuIcon from '../img/menu.svg';
import homeIcon from '../img/home.svg';
<ul>
<li>
<a href="/" className="s
浏览 0提问于2019-02-04得票数 57
回答已采纳
2回答
我需要更改图标的颜色： ? 我尝试使用fill，但它不起作用。 该图标的样式 import styled from 'styled-components'
export default styled.img`
height: 14px;
padding-right: 7px;
fill: #d85040;
` 在组件中： import google from '../img/google-brands.svg'
<SocialCont>
<SocialLink>
浏览 20提问于2019-02-18得票数 0
回答已采纳
2回答
最近，我决定从字体图标切换到SVG图标。我使用Illustrator绘制我的SVG，并用以下设置导出了带有单个图标的美术板：
造型:内嵌风格
字体: SVG
图像:嵌入
对象ID:层名
小数:2
我使用生成SVG图标。但问题是，所有SVG都有一个填充、笔划或样式属性，在任何地方都是内联的。当这些样式在SVG中时，我不能用CSS更新图标颜色。
我是不是遗漏了什么？在Illustrator中是否有一个选项可以保存SVG而没有填充/笔画/样式属性？还是我必须使用类似于的东西来删除这些属性？
如果是要走的路，有人能告诉我如何在我的角度CLI项目中使用它吗？我对这件事很陌生。
浏览 2提问于2017-09-22得票数 1
4回答
我有带有图标和文本的TabBar：
child: TabBar(
labelColor: Colors.white,
unselectedLabelColor: Colors.grey,
labelStyle: TextStyle(fontSize: 13.0),
indicator: BoxDecoration(
borderRadius: BorderRadius.circular(50), // Creates border
color: const Color(0xFF62A6E9)),
tabs: [
浏览 5提问于2021-04-08得票数 1
回答已采纳
有没有办法否定或删除fill: currentColor？
.svg-icon * {
/* Targets all sub-elements so we can deliver icons with a color override of our choice */
fill: currentColor;
}
.svg-icon.iconLogoGlyph * {
/* How do I negate fill: currentColor further down the cascade? */
fill: inherit;
/* I want the natur
浏览 0提问于2017-06-01得票数 8
4回答
考虑一下：
import LOGO from './something.svg';
<img src={LOGO} className={'logo'} alt="Logo"/> //
如何在ReactJS中更改SVG的填充颜色？
我也尝试过使用ReactComponent，但我得到了'ReactComponent' is not exported from ....
import { ReactComponent as Logo1 } from './something.svg';
<Logo
浏览 2提问于2020-03-23得票数 2
1回答
我想在svg文件中添加一个样式表。并且样式表将被动态地改变。因为我的想法是，我想通过改变主题来改变图标填充或库存颜色。我需要遵循的流程是什么？
浏览 1提问于2016-04-19得票数 1
我正在使用57+为火狐WebExtensions开发一个扩展。我想更改工具栏图标的颜色以表示扩展状态。
我明白，正如在这个中所描述的，我可以简单地使用browserAction.setIcon()更改图标，并用不同的颜色替换图标。
我想知道我是否真的需要包括图标-Black.svg，图标-red.svg等等。在我的扩展名中的文件，或者如果有某种方式，我可以简单地加载一个icon.svg文件，并使用javascript来改变图像的颜色。我希望能以某种方式以编程方式加载它，并在将它传递给browserAction.setIcon()之前修改svg的颜色(即所有路径)。我是否需要以某种方式将其加载到
浏览 0提问于2017-10-19得票数 1
回答已采纳
在之后，我可以更改Bootstrap5的down-chevron svg的填充颜色(渲染为背景图像。我现在正在尝试找到up-chevron (打开图标)的网址，这样我就可以改变它的填充颜色。但是我找不到它。
检查的html和我自己的代码，我只看到“向下”折叠的背景图像和在其右侧的灰色方块中替换的“向上”图像。我在CSS中尝试过的任何东西都不能成功地替换掉图片。
下面是适用于向下图标的代码，然后是我针对该向上图标所做的努力。(我使用background-color:yellow查看选择器是否工作。)
.accordion-button.collapsed::after {
backgro
浏览 38提问于2021-05-21得票数 0
1回答
1)我知道我可以使用字体图标、伪选择器(前后)和“内容”，但它不是一个可伸缩的解决方案，因为在不同的情况下，我需要对填充、左、顶等进行许多更改。
2)使用数据URI可以使用svg，但我需要根据不同的操作更改svg的填充/颜色。我尝试了填充属性，但它并不是真正的工作。
我可以改变/编辑颜色外部，但我有很多变化，但再次不缩放
图标字体(例如: FontAwesome)带有浏览器的SVG文件。在css (如图像精灵)中使用该文件是可能的吗？
浏览 3提问于2017-02-16得票数 0
回答已采纳
1回答
我知道使用SVG创建图标按钮的两种方法：
方法1 -将SVG导入文件并将其作为按钮的子元素，使用CSS关闭大多数按钮样式(或重新样式，以满足您的需要)。
方法2 --在按钮background-image CSS样式中使用SVG，可能会在视觉上隐藏按钮的文本，以使辅助技术能够访问按钮。
除了不能使用CSS在方法2中对SVG应用一些颜色变化之外，是否每种方法都有正反两种方法？有什么“最佳实践”方法值得考虑吗？
浏览 1提问于2021-03-23得票数 0
2回答
嗨，有没有办法像这样改变背景的svg图像的颜色？ .icon {
background: url("~images/icon.svg") center no-repeat;
} <i class="icon"></i> 例如，我需要它的图标填充蓝色，但这是不可能的，像这样的背景，有没有办法？
浏览 71提问于2021-09-13得票数 0
我有以下自定义图标组件：
import React from 'react';
import PropTypes from 'prop-types';
const Icon = (props: any) => {
const styles = {
svg: {
display: 'inline-block',
verticalAlign: 'middle',
},
path: {
fill: props.color,
},
};
retur
浏览 0提问于2019-04-02得票数 3
回答已采纳
如何在Swift中用代码更改SVG的2种不同颜色？SVG图标由一个箭头和一个圆圈组成。我想把箭头的颜色和圆圈的颜色分开。我能用斯威夫特吗？
通过使用这段代码，我可以将轮盘图标的颜色设置为蓝色。
let palyImage = UIIImage(name: "play").withRenderingMode(.alwaysTemplate)
playImageView.image = playImage
playImageView.tintColor = .systemBlue
如何将另一种颜色应用到相同的图标上，使图标有2种不同的颜色？
我没有设法谷歌任何建议，我可以改变两种不
浏览 5提问于2021-08-08得票数 1
回答已采纳
我构建了一个工具，可以加载用户生成的SVG进行编辑。但是因为它是用户生成的内容，所以在将其附加到编辑器以设置填充颜色和删除不需要的元素之前，我想遍历SVG中的所有元素(使用Snap的load()函数加载)。
我现在拥有的代码对于规范化部分工作得很好，但它使整个SVG层次结构变得扁平：
var allNodes = source.selectAll('*:not(svg):not(defs):not(desc):not(title)');
allNodes.forEach(function(subelement) {
// loop through all element
浏览 3提问于2015-12-14得票数 1
1回答
在我的应用程序中，我有自定义向量svg图标，如
<i class="stl icon icon-smiley-face" aria-hidden="true"></i>
默认情况下，它显示为白色，但我的要求是将颜色填充为黄色。我试过
stl {
color: yellow;
}
但只有边框颜色正在改变，而不是将图标填充为黄色。
有人能帮我吗
浏览 9提问于2022-01-21得票数 -1
我使用svg图标，并尝试更改图标的颜色，但它不起作用。 但是当我在文件中显式地改变图标时，它就起作用了(fill：'red)。 这是我在assets文件夹中的svg文件： <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23">
<path fill="#00A1DE" fill-rule="nonzero" stroke="#00A1DE"
浏览 50提问于2019-12-25得票数 1
回答已采纳
1回答
我在Vue.js模板中有一个SVG图，里面嵌套了象征门的圆圈。当门打开时，描边/填充颜色应为绿色；&当门关闭时，描边/填充颜色应为红色。当我的R/T数据到达时(即发送到SignalR客户端插件)。我需要设置状态并计算颜色，这是我正在做的，但是颜色没有被重新绘制。有什么建议吗？我使用的是Vue.js 2.9.6。谢谢 我已经尝试了计算属性以及手表。data()字段正在更新，但绑定的颜色没有反应。 在模板中 <div class="VcSchematicAccessControlRedundantImg" >
浏览 9提问于2019-06-20得票数 0
我想使用javascript在<object>标记中填充一个<object>文件。
问题是.contentDocument返回null，因此我无法填充svg图标。
JSFiddle：
我是火狐和Chrome的最新版本，我读了很多关于这个主题的文章，但是我找不到有用的东西来解决这个问题。
<object id="svg_image_id" type="image/svg+xml" data="http://openclipart.org/people/StudioFibonacci/kitchen-blender.svg&#
浏览 4提问于2017-03-28得票数 5
我的设计中有一系列黑色/透明的SVG图标。我需要在悬停时将所有黑色填充和笔触更改为自定义颜色。
我可以用css更改fill属性，但是，一些图标是透明的，因此大多数笔画都需要更改。有什么办法解决这个问题吗？以下代码不起作用(它只针对填充)
.icons svg:hover {
fill:#dd6127;
stroke:#dd6127;
}
更新:正如Anders G所建议的，我没有正确地针对svg元素，我解决了大部分问题，但仍然有一些行拒绝更改颜色:)看看
浏览 0提问于2014-04-29得票数 8
回答已采纳
1回答
我想在我的网站中使用SVG图标，而且我知道使用<image>将限制我更改SVG属性的能力(例如，我不能在悬停时更改填充颜色)。
因此，我发现了内联SVG的方法，它似乎允许更好的操作。但是直觉告诉我，将SVG绘图数据放入HTML文件将在将来产生可维护性问题。
我想找个方法.
将svg保存在另一个外部文件中
将该文件中的svg调用到我的html文件
html文件仍然能够更改填充颜色。
这个是可能的吗？如果是的话，我应该找的关键词是什么？
浏览 5提问于2021-01-29得票数 1
2回答
我辛苦地创建了一个搜索图标，并将其导出为svg。这现在出现在一个网站的标题上，但我试图让css控制它的大小和颜色，这样我就可以对图标进行相应的大小调整，与网站上的文本颜色相匹配，并且当用户在图标上滚动时，我也会有某种滚动颜色的改变或亮/变黑。我不想使用内联svg，但我很乐意使用下面的img或对象技术。
<a href="#" onClick={this.onSearchClick} title="Search site">
<img src="//example-image-server/i/search_classic.svg"
浏览 7提问于2017-12-13得票数 1
回答已采纳
1回答
我正在尝试创建一个网站预加载器在WordPress的内容管理系统。在PHP主题中，我允许更改图标和图标颜色。一切都很好，但有一件事我不知道该怎么办。SVG图标不会立即生成动画，但会在页面加载之后生成动画。如何修复它？ 只有当我使用：<img src="'. $icon_url .'">或<object type="image/svg+xml" data="'. $icon_url .'"></object>时，SVG才会立即生效，但在这些情况下，我不能使用<?php $i
浏览 13提问于2020-05-01得票数 0
我有一个动态图标组件，它从我使用的数据中的字符串中获取它的图标，如下所示：
<b-icon :icon="my-icon"></b-icon>
只要我的数据中的my-icon字符串与中可用的内容匹配，它就能正常工作。但是有时my-icon是一个完全自定义的字符串，我需要为它创建一个自定义SVG。
是否有选项可以提供自定义图标，以便与:icon道具一起在<b-icon>中使用？或者，在这种情况下，我应该避免使用<b-icon>，而只是使用另一种方法来动态地提取我的自定义图标和引导图标？
像Vue这样的吗？
<svg class
浏览 2提问于2020-08-13得票数 1
2回答
我正在开发一个使用Next JS的网站，我想显示一些SVG图标，这些图标是我使用Sanity存储的。如果我想动态地改变它的填充颜色(例如，当图标悬停时改变颜色)，我如何显示从Sanity CDN获得的SVG？或者这是不可能的？
下面是我的代码摘要，只是为了向您展示我想做的事情：
const [icon, setIcon] = useState('');
useEffect(() => {
const query = '*[_type == "socials"]'
client.fetch(query)
.th
浏览 19提问于2022-06-12得票数 1
回答已采纳
我从android应用程序的字体中下载了一个svg图标，当我创建一个向量资产时，我导入了svg，但是当我尝试编译它时，请给我以下错误
错误：“currentColor”与属性fillColor (attr)颜色不兼容。
我试图直接更改填充颜色，但是当我编译应用程序时，这会重新生成xml，并将单词“当前颜色”再加进去。
这是向量资产生成的xml。
<vector android:autoMirrored="true" android:height="512dp"
android:viewportHeight="512" and
浏览 2提问于2019-04-12得票数 2
回答已采纳
遇到了一个问题，我不知道如何在强类型变量中解决这个问题。
所以，我有一堆图标作为组件和一个图标包装组件。包装器组件具有themeMode变量，以确定应以何种颜色显示图标。因此，每个图标都需要themeMode变量，这是强制性的。然而，当我必须根据开关情况选择一个图标时，我想不出解决办法。
下面是更好理解的代码:该组件从url获取一个id并显示特定的图标组件。但是，返回语句的每个开关情况都以红色下划线。这是因为图标组件需要这个themeMode变量。但是，我在iconWrapper组件上给出了它。
const CollectionEnd = () => {
const { id } =
浏览 8提问于2022-09-03得票数 0
回答已采纳
1回答
我正在使用构建svg-sprite。
但也有一个问题:部分图标有多种颜色，另一部分是- only图标。它们是按原样使用的。
一个颜色图标应根据:hover / :active更改颜色。
而且，根据这一点，我应该清除一个彩色图标的填充属性。
我不能用多色的。
我决定把它们分开到不同的文件夹中，创建两个webpack规则：
{
test: /icon\/.*\.svg$/,
loaders: [
'svg-sprite-loader',
{
loader: 'svgo-loader',
options: {
浏览 4提问于2017-06-04得票数 2
回答已采纳
在顺风中，如果我重新定义调色板的颜色，而不是扩展它，填充当前的实用程序就会丢失。
例如，我有以下代码：
<p class="text-custom-red">
Hi
<svg
class="fill-current"
width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.0016 ...
浏览 15提问于2022-09-16得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
