我创建了这个repl来演示这个问题.一个SVG只是内联添加的,工作正常,另一个作为组件导入,不能按预期工作.有什么关系呢?我如何才能让这个场景发挥作用?
我创建了这个repl来演示这个问题.一个SVG只是内联添加的,工作正常,另一个作为组件导入,不能按预期工作.有什么关系呢?我如何才能让这个场景发挥作用?
问题在于样式的范围.由于SVG位于另一个组件中,父组件的样式不适用,因此您需要使用:global
或使用css变量:
.my-stuff-svg-container :global(svg) {
color: white;
height: 1rem;
width: 1rem;
transition: 0.25s ease;
}