Javascript SVG样式问题再次出现：仅限chrome

这是一个奇怪的问题

我的页面上有一个SVG

函数addClone（）
{
//loadXMLDoc（）；
var svg=document.getElementById（“svg”）；
所选变量=document.getElementById（“ID_obj8e530fe7-9e8b-474e-a48b-9c26418b84a6”）；
var targetElement=selected.cloneNode（true）；
变量名称空间=”http://www.w3.org/2000/svg";
var dummySvg=document.createElements（名称空间，“svg”）；
dummySvg.appendChild（targetElement）；
appendChild（dummySvg）；
//在这里使用新添加的虚拟元素执行我的工作。
调试器；
removeChild（dummySvg）；
}

.st1{
填充：url（#0-4级）；
行程：#000000；
笔划线头：圆形；
笔划线条连接：圆形；
笔画宽度：0.72；
}
.st2{
填充：#ffffff；
字体系列：Arial；
字体大小：0.666664em；
}
.st3{
填充：无；
填充规则：偶数奇数；
字体大小：12px；
溢出：可见；
笔划线头：方形；
行程限制：3；
}
第一单元
A.
.st1{
填充：url（#0-4级）；
行程：#000000；
笔划线头：圆形；
笔划线条连接：圆形；
笔画宽度：0.72；
}
.st2{
填充：#ffffff；
字体系列：Arial；
字体大小：0.666664em；
}
.st3{
填充：无；
填充规则：偶数奇数；
字体大小：12px；
溢出：可见；
笔划线头：方形；
行程限制：3；
}
第一单元
C
.st1{
填充：url（#0-4级）；
行程：#000000；
笔划线头：圆形；
笔划线条连接：圆形；
笔画宽度：0.72；
}
.st2{
填充：#ffffff；
字体系列：Arial；
字体大小：0.666664em；
}
.st3{
填充：无；
填充规则：偶数奇数；
字体大小：12px；
溢出：可见；
笔划线头：方形；
行程限制：3；
}