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

Question

为什么我无法调整此树中文本的CSS颜色？它允许我改变文字大小，但我看不到改变字体颜色或背景颜色等任何东西

FIDDLE

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

Answer 1

在svg text个节点上，您必须使用fill代替color：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

<强> Fiddle