一点读书

关注

CSS 更改 SVG 颜色

一点读书

关注

阅读 44

2023-02-14


CSS 更改 SVG 颜色_css3


CSS 更改 SVG 颜色_css_02

修改​​path​​​元素的​​fill​​属性即可

svg如下

CSS 更改 SVG 颜色_css_03


jsx

<IconBox>
<ShrinkIcon />
</IconBox>

styled-component

const IconBox = styled.div`
&:hover {
svg > path {
fill: #fff !important;
}
}
`;


相关推荐

小磊z

【CSS】SVG图片属性及修改颜色

小磊z 12 0 0

倚然君

css:img引入svg后修改颜色

倚然君 16 0 0

无愠色

修改svg的颜色

无愠色 53 0 0

eelq

SVG绘制渐变颜色文字

eelq 98 0 0

一天清晨

通过css 改变通过img标签引入的svg颜色

一天清晨 50 0 0

Android开发指南

SVG 图标颜色调整

Android开发指南 26 0 0

Mezereon

vscode更改背景颜色

Mezereon 126 0 0

infgrad

图像边缘颜色更改

infgrad 66 0 0

郝春妮

css颜色(css颜色表示方法)

郝春妮 109 0 0

大师的学徒

【Android】更改ProgressBar颜色(圈圈)

大师的学徒 63 0 0

精彩评论(0)

0 0 举报