我正在使用这样的表格:
<table class="table table-hover table-bordered">
此表创建的单元格在所有四个边上都有边框。我想要的是删除左右边框,但保留顶部和底部。
我试过:
.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-right:none;
border-left: none;
border-bottom: 1px solid red;
}
但是,这不会删除左边框或右边框,但会应用红色底边框,所以我知道它至少在处理此 CSS,但对删除边框没有任何影响。
有什么想法吗?
最佳答案
更改此:<table class="table table-hover table-bordered">
对此:<table class="table table-hover">
然后添加这个CSS:
.table {
border: 1px solid #dddddd;
}
但是,如果你想按你现在的方式去做,css 是:
.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: 1px solid #dddddd;
border-right-width:0px;
border-left-width:0px;
}
关于css - Bootstrap table-bordered 移除右、左边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20821662/