Bootstrap表边框删除右,左边框

雪人

我正在使用这样的表:

<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,但对删除边界没有任何作用。

有任何想法吗?

克里斯蒂娜(Christina)

更改此: <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;
}

演示:http : //jsbin.com/IbebIpob/2/edit

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Bootstrap表边框删除右,左边框

来自分类Dev

删除ToolStripMenuItem的左边框

来自分类Dev

使用Bootstrap的面板删除Bootstrap表的边框

来自分类Dev

删除颜色时删除左边框

来自分类Dev

删除最左边和最右边的边框

来自分类Dev

使用Bootstrap折叠到小屏幕时隐藏或删除左边框

来自分类Dev

设置左边框的高度

来自分类Dev

设置左边框的高度

来自分类Dev

Bootstrap:如何删除边框表格?

来自分类Dev

删除左边框后如何防止文本向左移动?

来自分类Dev

删除左边框后如何防止文本向左移动?

来自分类Dev

在材质ui表中为整个边框绘制一个左边框

来自分类Dev

菜单左边框弄乱了布局

来自分类Dev

TD左边框不适用

来自分类Dev

css中的左边框高度

来自分类Dev

如何删除bootstrap 3.0 tablethead的底部边框?

来自分类Dev

Bootstrap-删除导航栏边框半径

来自分类Dev

Bootstrap 3的部分边框表

来自分类Dev

覆盖Bootstrap表的边框折叠样式

来自分类Dev

顶部边框显示在CSS的左边框上方

来自分类Dev

顶部边框显示在CSS的左边框上方

来自分类Dev

在Android中向图像添加左边框

来自分类Dev

在悬停CSS上添加仅左边框

来自分类Dev

在悬停CSS上添加仅左边框

来自分类Dev

如何动态添加图像的左边框

来自分类Dev

调整 EditText 图标远离左边框

来自分类Dev

cardView android studio 上的厚左边框

来自分类Dev

白色边框右未出现

来自分类Dev

删除表格边框