Css 如何在Firefox上使用可见溢出创建SVG笔划?

Css 如何在Firefox上使用可见溢出创建SVG笔划?,css,firefox,svg,stroke,Css,Firefox,Svg,Stroke,也许这是一个错误,但看看这个 /* 只有这些工作:*/ /* 符号{溢出:可见;} */ /* #圆符号{溢出:可见;} */ /*无论我如何瞄准它,它都不起作用*/ .产品符号、svg符号、.定义符号{ 溢出:可见; } .我的圈子{ 溢出:可见; 填充物:红色; 笔画宽度:15px; 行程:#000; } .定义{ 位置:绝对位置; } 这仅在Firefox上被切断: 这就是它的外观(铬、边): Firefox实现SVG2元素。在SVG2选择器中,即不能将CSS选择器的一部分指向(或其父项

也许这是一个错误,但看看这个

/*
只有这些工作:*/
/*
符号{溢出:可见;}
*/
/*
#圆符号{溢出:可见;}
*/
/*无论我如何瞄准它,它都不起作用*/
.产品符号、svg符号、.定义符号{
溢出:可见;
}
.我的圈子{
溢出:可见;
填充物:红色;
笔画宽度:15px;
行程:#000;
}
.定义{
位置:绝对位置;
}

这仅在Firefox上被切断:


这就是它的外观(铬、边):

Firefox实现SVG2
元素。在SVG2
选择器中,即不能将CSS选择器的一部分指向(或其父项),而将另一部分指向
引用


Chrome、Safari和Edge可能会在某个时候发生变化,以匹配Firefox

对于任何有这个问题的人来说,这为我解决了问题

svg, symbol { overflow: visible; }