Html 如何删除此表头的上边框?
我使用的是bootstrap 2.3.2,有一个表有两个标题(一次只显示一个标题)。这是Html 如何删除此表头的上边框?,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我使用的是bootstrap 2.3.2,有一个表有两个标题(一次只显示一个标题)。这是 标题1 标题2 视图1 视图2 点击我 初始视图隐藏了.view_1,显示了.view_2。但是,标题上有一个轻微的上边框。隐藏.view_2和显示.view_1时,此边框将消失。当显示.view_2时,如何隐藏上边框 谢谢 设置灰色边框的样式是引导组合.min.css:192中的.table th、.table td,因此您应该更改小提琴中的css: .table th, .table td { bo
标题1
标题2
视图1
视图2
点击我
初始视图隐藏了.view_1,显示了.view_2。但是,标题上有一个轻微的上边框。隐藏.view_2和显示.view_1时,此边框将消失。当显示.view_2时,如何隐藏上边框
谢谢 设置灰色边框的样式是
引导组合.min.css:192
中的.table th、.table td
,因此您应该更改小提琴中的css:
.table th, .table td { border:1px solid #333;}
这将允许您更改边框的样式。”这是你对修改后的CSS的摆弄
如果不希望显示上边框,则需要添加:
.table th { border-top: none; }
设置灰色边框的样式是
bootstrap combined.min.css:192
中的.table th、.table td
,因此您应该更改小提琴中的css:
.table th, .table td { border:1px solid #333;}
这将允许您更改边框的样式。”这是你对修改后的CSS的摆弄
如果不希望显示上边框,则需要添加:
.table th { border-top: none; }
你可以使用下面的css,去掉上面的边框 CSS:
table thead tr th,table th{border top:0px;}
首先包括引导css,然后包括自定义css,然后只有默认的引导css将被css覆盖。您可以使用下面的css来去除顶部边框 CSS:
table thead tr th,table th{border top:0px;}
首先包括引导css,然后包括自定义css,然后只有默认的引导css才会被css覆盖。您需要发布一个css/JS等的工作示例。请尝试JSFIDLE或CodePen。@ralph.m他已经这样做了:)@kristen:small suggestion,您还可以尝试在一行中最小化jquery代码,如
$('.view_1、.view_2').toggle()
你需要用CSS/JS等发布一个工作示例。试试JSFIDLE或CodePen。@ralph.m他已经这样做了:)@kristen:小建议,你也可以尝试在一行中最小化jquery代码,如$('.view_1,.view_2')。toggle()我的大脑现在一定是黄油。谢谢你的回答,也谢谢你提出了这么愚蠢的问题。我现在一定是脑子进水了。谢谢你的回答,也谢谢你提出了这样一个愚蠢的问题。除非你想解决HTML中严重的结构错误,否则你所拥有的完全是与th{border top:0px;}
一样的。Ath
总是在Atr
中;thead
总是在表中
等。除非您想处理HTML中的严重结构错误,否则那里的内容与th{border top:0px;}
完全相同。Ath
总是在Atr
中;thead
始终位于表中
等。