html – 没有条带/边框的引导表

我在使用Bootstrap时遇到了一个CSS问题。我也使用Angular JS与Angular UI.bootstrap(这可能是问题的一部分)。

我在做一个网站,在表中显示数据。
有时,数据包含我必须在表中显示的对象。
所以我想把无边界表放在一个普通的表内,同时保持无边界表的内部分隔线。

但似乎即使我具体说不在桌子上显示边框,它是强制:

HTML:

<table class='table borderless'>

CSS:

.borderless table {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}

所以在这里,我想要的只是内部的边界。

边框样式是在td元素上设置的。

html:

<table class='table borderless'>

css:

.borderless td, .borderless th {
    border: none;
}
http://stackoverflow.com/questions/18075794/bootstrap-table-without-stripe-borders

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:html – 没有条带/边框的引导表