dygraphs change values/legend background

Question

I'm using dygraphs on a dark background and can't seem to get the background on the legends/values to be transparent.

CSS I've tried:

.dygraph-legend {
  background:none;
}

and

.dygraph-legend {
  background-color: transparent;
}

I can't find a way to make this transparent.

Link to an image of the problem: here

Answer 1

dygraphs sets some inline styles on the legend <div>. To override them, you need to use !important:

.dygraph-legend {
  background: transparent !important;
}