html - Twitter Bootstrap で .table-bordered の線の色を変える

Question

私はtwitterのブートストラップで多くのテーブルをスタイリングしており、.table.table-borderedクラスを使用しています。デフォルトの境界線の色はグレーで、1 つを除くすべてのテーブルに適しています。あるテーブルでは、この境界線の色を黒に変更し、可能であれば線を太くしたいと考えています。私は使用量が少ないです。

私はそれを調査し、@tableBorderカスタマイズできる変数を見つけましたが、これを変更するとすべてのテーブルの色が変わります。

テーブルにクラスを与えて、これをcssファイルに入れてみました：

.differentTable {
   @tableBorder: black;
}

...しかし、それは何も変わっていないようです（理由はわかりません）。

どんな助けでも大歓迎です。

Answer 1

@tableBorderプロパティではなく変数です。

これを CSS に追加するだけです。

.differentTable, .differentTable td{
   border-color: black;
}

Answer 2

最良の方法は

.table {
  border: 0.5px solid #000000;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
   border: 0.5px solid #000000;
}

Answer 3

これが最善の方法

.table-border,
thead,
tbody,
tr {
  border: 5px dotted #4c4c4c;
}

ブートストラップのボーダー スタイル プロパティを変更します。