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

Question

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

然而，文本颜色 fill：#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/

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

谢谢。