Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何使用nativescript更改SVG图像的填充颜色_Css_Angular_Svg_Nativescript - Fatal编程技术网

Css 如何使用nativescript更改SVG图像的填充颜色

Css 如何使用nativescript更改SVG图像的填充颜色,css,angular,svg,nativescript,Css,Angular,Svg,Nativescript,我正在使用Angular Nativescript构建一个Android应用程序。我希望该应用程序显示一些SVG图像,并更改它们在哪个页面上的颜色。我试图改变CSS中的“填充”,但什么也没发生。如何更改它?要使SVG能够获取CSS填充值或笔划值,SVG必须是内联的,而不是包含在src中 除非使用fill:currentColor或stroke:currentColor。感谢Eliseo在下面指出这一点 如果使用这样的SVG,无法将其填充或笔划更改为特定颜色 .一些svg{ 填写:“000”;

我正在使用Angular Nativescript构建一个Android应用程序。我希望该应用程序显示一些SVG图像,并更改它们在哪个页面上的颜色。我试图改变CSS中的“填充”,但什么也没发生。如何更改它?

要使SVG能够获取CSS
填充值或
笔划值,SVG必须是内联的,而不是包含在src中

除非使用
fill:currentColor
stroke:currentColor
。感谢Eliseo在下面指出这一点

如果使用这样的SVG,无法将其填充或笔划更改为特定颜色


.一些svg{
填写:“000”;
笔划:“fff”;
}
为了设置颜色,您应该包括如下所示的svg:


.一些svg{
填写:“000”;
笔划:“fff”;
}
下面是您提供的SVG示例。SVG中存在导致该问题的格式问题。我修复了格式问题,并将其转换为可运行的代码段

.facebook svg{
填写:#000;
宽度:64px;
高度:64px;
}
.facebook svg:悬停{
填充:#369;
光标:指针;
}


Dan,如果.svg具有
fill=“currentColor”
,则不必这样做,但您需要在css中更改“颜色”或“背景色”,我不知道当前的颜色。太棒了谢谢你分享你说的“内联而非源代码”是什么意思?我试着使用“颜色”、“笔划”和“填充”,但什么也没发生。背景颜色只是改变了整个背景,而不是图像。我现在将更新我的代码示例。这正是我所做的,但什么都没有发生。我的HTML是这样的:
而我的CSS是这样的:
.svgImage{fill:yellow;}