在bootstrap中更改类'table table-condensed'的水平线的颜色

Question

如何更改类table-condensed的引导程序表中水平线的颜色？

Answer 1

他们对border-bottom和td - Reference使用th属性，因此您可以使用的选择器是

.table.table-condensed tr th {
   border-bottom: 2px solid #f00; /* Change the color you want to set */
}

.table.table-condensed tr td {
   border-bottom: 1px solid #f00; /* Change the color you want to set */
}

这将适用于所有表格，因此如果您指定一个唯一的class或id并相应更改选择器会更好。

---

如果需要，您还可以自定义Bootstrap here。

Answer 2

执行以下操作 - 假设您要将水平线设为红色：

/* header */
.table > thead > tr > th {
   border-bottom: 2px solid red;
}
/* rows */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
   border-top: 1px solid red;
}

看小提琴 - ＆gt;的 http://jsfiddle.net/XazR4/

Answer 3

像<table class='table-condensed your_class'></table>一样在表格中添加课程 并在你的CSS添加

table.your_class {
border:1px solid red;
}

将红色更改为您想要的任何颜色。