使用CSS选择器更改SVG填充的颜色/样式

文章/答案/技术大牛

发布

2回答

使用JS更改svg的css填充

javascript、css、svg、fill

我正在尝试使用JS更改用css定义的svg填充颜色。由于某些原因，它不能工作。下面是我的代码：<svg id="secondalert"><style>.cls-1{fill:#000000;}</style></svg> 和JS来确定目标并更改它

浏览 25提问于2017-08-02得票数 2

回答已采纳

2回答

使用CSS在悬停时转换SVG路径的填充属性

css、svg、hover、css-transitions

我在页面上的object标签中包含了一个SVG图像文件，如下所示： 有问题的图像是世界地图，我想在鼠标悬停在group上时转换fill属性，在本例中，我按大陆对我的

浏览 1提问于2013-11-16得票数 75

回答已采纳

1回答

使用CSS设置jsPlumb轮廓的样式

css、jsplumb

我们使用“通过css设置样式”来设置连接器的样式，但是css中的颜色似乎覆盖了轮廓颜色和连接器颜色。我们使用的选择器如下所示： stroke: lightgray; stroke-width: 3; svg.fs-co

浏览 2提问于2015-02-24得票数 0

1回答

为什么我的SVG图像没有填充颜色？

css、image、svg

嗨，有没有人能帮我解释一下为什么填充颜色不适用于svg图像。 <img class="svg" style="opacity: 0.5; fill: red !important;" src="{{ asset('icons/favorited.svg') }}" >

浏览 17提问于2017-11-09得票数 0

1回答

html、css、svg

我在一些html中有这个SVG脚本： .Circle { } #bin {，以便当您将鼠标悬停在类"Path“上时，它会更改类"OuterCircle”的样式。到目前为止，我尝试过的CSS似乎不起作用。到目前为止，我使用的悬停CSS是

浏览 6提问于2017-02-23得票数 0

回答已采纳

4回答

更改drillUpButton文本的字体颜色

javascript、css、highcharts

我想知道如何更改drillUpButton文本的字体颜色。我尝试使用css来提取元素，比如:g.High曲线图-按钮高图-钻取-按钮高图-按钮-普通文本{color: blue;}但是它不起作用。drillUpButton API只提供如何更改按钮本身的主题，但与文本无关。

浏览 10提问于2017-08-10得票数 0

回答已采纳

1回答

如何使用img样式属性更改svg悬停颜色？

html

<img alt='PDF' src='document.svg' style=''> 在不使用CSS的情况下，在上面的样式属性中应该填充什么来更改svg悬停颜色？

浏览 5提问于2020-08-12得票数 1

1回答

如何使用字体图标作为背景图像？

css、svg、fonts、icons

1)我知道我可以使用字体图标、伪选择器(前后)和“内容”，但它不是一个可伸缩的解决方案，因为在不同的情况下，我需要对填充、左、顶等进行许多更改。2)使用数据URI可以使用svg，但我需要根据不同的操作更改svg的填充/颜色。我尝试了填充属性，但它并不是真正的工作。我可以改变/

浏览 3提问于2017-02-16得票数 0

回答已采纳

1回答

当在父div上盘旋时，如何更改链接为对象的SVG的属性？

javascript、css、xml、svg、raphael

好吧，下面是这样的场景：这并没有达到我的目的，但是当我用内联SVG替换对象时，上面的悬停是完美的。现在，我非常希望将SVG文件与主HTML分开。有办法做到这一点吗?还是我被

浏览 2提问于2014-06-16得票数 1

1回答

dojox图表的自定义主题

javascript、web-applications、dojo、arcgis-js-api、dojox.charting

我想用一些简单的东西来改变图表的主题，比如：colors: ["#57808f", "#506885", "#4f7878", "#558f7f", "#508567"] 我可以在我的.html中编码吗？我

浏览 1提问于2017-03-18得票数 1

回答已采纳

2回答

CSS SVG类

html、css、svg、sass、bem

我试图在我的SASS/CSS文件中使用样式。一切都很好，但是我在设置SVG文件的样式方面有问题。block__icon {

浏览 0提问于2019-07-30得票数 1

回答已采纳

1回答

不适用于jquery映像的[attribute="value"]规则的CSS

jquery、css、svg、css-selectors、jquery-svg

我有一个带有jquery的inkscape SVG文件，我正在尝试对它应用一组CSS选择器，以确保特定层的项都具有统一的颜色，并允许在某些层上执行鼠标切换效果。它似乎没有任何问题尊重SVG上的标准CSS规则，但完全忽略了使用[attribute="value"]选择器的任何内容，例如：

浏览 0提问于2015-04-07得票数 4

回答已采纳

1回答

React +材料UI

reactjs、material-ui

我使用的反应与material-ui，该网站的背景颜色是黑暗的，当我把一个日期类型的TextField图标出现在黑色，这是很难看到！ <TextField label="Data fim" class

浏览 5提问于2020-02-20得票数 0

1回答

输入元素的SVG填充颜色样式

css、svg

当下面的输入元素处于:悬停状态而不更改源SVG图像的时，是否可以更改svg内容的填充颜色？<input type="image" src="images/toolbar/check.svg" />首先，需要将输入元素更改为带有内联svg内容

浏览 1提问于2012-07-17得票数 2

回答已采纳

2回答

CSS样式的svg使用类名填充

css、svg、fill

我这里有一个jsfiddle - .triangle{ }

浏览 4提问于2015-12-15得票数 2

回答已采纳

1回答

JavaFX在CSS样式表中更改单一样式

css、javafx、colors、stylesheet

我创建了一个小文本编辑器窗口，允许用户更改屏幕中包含的文本区域的一些基本属性。可用于更改textArea属性的两个选项是字体颜色和字体颜色填充，它们都由单独的颜色选择器处理。在使用setStyle方法测试这些按钮时遇到了一个问题，每次只能保存一个属性。例如，如果将文本颜色设置为蓝色，然后将填充颜色设置为黄色，则文本颜色<

浏览 2提问于2017-01-03得票数 1

1回答

SVG中CSS中的类选择失败

css、svg

这是我的简单CSS： width: 5000px;} fill: teal;和一个简单的HTML正如我所预期的那样，这会在SVG中呈现一个单一的颜色区域。当它正确地从CSS中提取颜色时，它就被着色了。但是，如果我将后一个CSS声明更改为 fill:

浏览 3提问于2014-04-27得票数 0

回答已采纳

1回答

移除svg透明面包屑

svg、jvectormap

我用的是jvectormap。我制作地图。我需要将这张svg地图保存为图像。我使用一个名为saveSvgAsPng.js的插件。工作正常。我的问题是，巴布亚新几内亚的形象是透明的。是否有一种方法可以消除svg背景透明度？提前谢谢。

浏览 2提问于2015-11-17得票数 0

回答已采纳

2回答

使用cssText从父级更改子样式

javascript、css

我有一个数据对象，它包含数据来查找DOM树中存在的特定元素，在找到该元素之后，我想通过添加内联css来更改它。{ color: white }`,我正在利用这些数据，并在找到它之后将样式数据注入元素中。正如您在我的outerHTML中所看到的，父道具也有一个子组件，在我的风格中，我也有可以更改svg颜色的css。但在使用下面的代码时。它只更改

浏览 6提问于2022-02-11得票数 0

3回答

我找不到svg元素的颜色

html、css、background、svg、background-color

我有一个非常简单的超文本标记语言页面，，包含以下代码： <meta http-equiv="content-type" content="text/html; charset=UTF-8"> </div> </div><&#

浏览 0提问于2012-09-11得票数 2

回答已采纳

点击加载更多

使用JS更改svg的css填充

使用CSS在悬停时转换SVG路径的填充属性

使用CSS设置jsPlumb轮廓的样式

为什么我的SVG图像没有填充颜色？