css - SVG:使用 CSS 设置 内容

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>