chartist.js - Chartist.js グリッドの色

Question

Chartist.js のグリッドの色をデフォルトの灰色から変更したいと思います。ct-grid-color 設定をオーバーライドしようとしましたが、おそらく何かが間違っていました。誰でもそれを行う方法を提案できますか?

Answer 1

グリッド線:

.ct-grids line {
  color: steelblue;
}

.. ラベルを忘れないでください! ..

グリッド ラベル:

.ct-labels span {
  color: steelblue;
}

---

「.ct-grid」のみをターゲットにできない理由は、css の特異性によるものです。基本的にcssは具体的であるほど重要になります..

.ct-grids 行 { } > .ct-grids { }

少しわかりにくい場合は、Keegan Street のcss specificity calculatorが気の利いた小さなツールです。