IE /邊緣連接移動文本

Question

我有以下HTML：

<a href="/"> 
    <svg viewBox="0 0 100 100"> 
     <circle cx="50" cy="50" r="48"/> 
     <text y=72> 
      <tspan x=50 text-anchor="middle">Hello World</tspan> 
     </text> 
    </svg> 
</a> 

當我將鼠標懸停在SVG，文本右移。我檢查是否添加了任何CSS，可能是一些填充，但根本沒有添加。當我移除懸停時，文本保持移位。

任何想法？謝謝。

Answer 1

我可憐的解決方案（我還沒有發現其他）：

a:hover text, 
 
a:active text { 
 
    transform: translateX(0); 
 
}