不能改变js节点文本的颜色

can't change colour of js node text

本文关键字：颜色 文本 节点 能改变 js 不能      更新时间：2023-09-26

为什么我不能调整这棵树中文本的css颜色?它允许我改变文字的大小但是我不能改变字体颜色或者背景颜色

小提琴

.node text {
      font: 12px sans-serif;  
}

在svg text节点上，您必须使用fill而不是color:

.node text {
  font: 12px sans-serif; 
  fill: red;
}
<svg width="960" height="500">
  <g transform="translate(100,20)">
    <g class="node" transform="translate(0,10)">
      <text x="-13" dy=".35em" text-anchor="end" style="fill-opacity: 1;">Product</text>
    </g>
  </g>
</svg>

小提琴

相关文章：