SVG：使用CSS设置<text>内容

Question

我可以吗

<svg>
  <text></text>
</svg>

svg text {
  content: 'a';
  font-family: 'Glyphicon Halflings';
}

？

似乎:before并且:after伪元素不可用，但是我很高兴由CSS设置我的内容。我可以吗？

Answer 1

使用纯 CSS 是不可能的。需要使用简单的JS：

function changeMyText()
{
    document.getElementById('MyText').textContent = "new text";
}

并为您的 SVG 文本创建 ID：

<svg>
    <text id="MyText"></text>
</svg>