SVG 填充样式不适用于 ios 浏览器

Question

我已经创建了一个座位计划，我想用不同的背景和文字颜色突出显示特定的座位。

然而，文本颜色填充：#ffffff在 IOS 设备上不起作用（在 Safari 和 Chrome 上测试），刻度线是黑色的而不是白色的。

我正在使用以下 CSS：

g.clicked circle.fill {fill:rgb(64,64,64) !important;}
g.clicked text {-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-text-fill-color:#ffffff;-webkit-opacity:1; fill:#ffffff;}

这是一个小提琴： https: //jsfiddle.net/j76vag4f/

是我的代码有问题，还是浏览器相关的错误？如果是后者，有解决办法吗？

谢谢。