完全去除剃须刀台的边框

Question

我想在 blazor razor 组件中制作一个完全没有可见边框的表格。我仅用它来订购元素。

例如，带有“border=”0“”的表如下所示（取自 Visual Studio 中 Blazor 模板启动的 Wetaher 服务）：

我想删除行之间以及表头和正文之间的线。我尝试过“border =”0“cellpadding =”0“cellspacing =”0“”但它没有任何作用。

Answer 1

在默认样式表文件中，您可以创建一个可以覆盖现有引导类的自定义 CSS 类。

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

如何：

<table class="table table-borderless"></table>

注意：border: 0 !important;仅当上述更改未反映时才使用。