在Twitter Bootstrap中更改.table-border的线条颜色

Question

我正在使用twitter bootstrap设计一些表格并使用.table.table-bordered该类.默认边框颜色为灰色,这对我的所有表格都有好处,除了一个.对于一张桌子,我想将此边框颜色更改为黑色,并尽可能使线条更粗.我用得少了.

我研究了它并找到了@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;
}