我正在使用bootstrap 2.3.2，并具有一个包含2个标题的表（一次仅显示1个标题）。这是我的小提琴
<table class="table table-hover">
<thead>
<tr class="view_1"><th>Header 1</th></tr>
<tr class="view_2"><th>Header 2</th></tr>
</thead>
<tbody>
<tr class="view_1"><td>View 1</td></tr>
<tr class="view_2"><td>View 2</td></tr>
</tbody>
</table>
<button>Click Me</button>
初始视图具有隐藏的.view_1和显示的.view_2。但是，标题上有一个轻微的顶部边框。隐藏.view_2并显示.view_1时，该边框消失。显示.view_2时，如何隐藏顶部边框？
谢谢！
设置该灰色边框的样式是.table th, .table tdin bootstrap-combined.min.css:192，因此您应该将小提琴中的CSS更改为：
.table th, .table td { border:1px solid #333;}
这样您就可以更改边框的样式。这是修改后的CSS的摆弄。
如果您不希望显示顶部边框，则需要添加：
.table th { border-top: none; }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句