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

Question

Why can't I adjust the css colour of the text in this tree? it allows me to change the text size but I can't seen to change anything like font colour or background colour

FIDDLE

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

Answer 1

On svg text nodes, you'll have to use fill instead of 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> 

Fiddle