chartist.js - Chartist.js grid color

Question

I would like to change grid color on Chartist.js from default grey. I tried to override ct-grid-color setting, but probably did something incorrectly. Can anyone please suggest how to do it?

Answer 1

只需插入您的 CSS。

.ct-grid{ stroke: red;}

Answer 2

网格线：

.ct-grids line {
  color: steelblue;
}

..不要忘记标签！..

网格标签：

.ct-labels span {
  color: steelblue;
}

---

仅针对“.ct-grid”不起作用的原因是由于 css 的特异性。基本上css越具体，它就变得越重要..

.ct-grids 线 { } > .ct-grids { }

如果有点混乱，一个漂亮的小工具是 Keegan Street 的css specificity calculator。