Css 如何使用nativescript更改SVG图像的填充颜色
我正在使用Angular Nativescript构建一个Android应用程序。我希望该应用程序显示一些SVG图像,并更改它们在哪个页面上的颜色。我试图改变CSS中的“填充”,但什么也没发生。如何更改它?要使SVG能够获取CSSCss 如何使用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”;
填充值或笔划值,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;}