razor - 从剃刀台上完全移除边框

Question

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

例如，这是一个带有“border="0"" 的表的样子（取自 Visual Studio 中的 Blazor 模板开始使用的 Wetaher 服务）：

我想删除行之间以及表的标题和正文之间的行。我试过 "border="0" cellpadding="0" cellspacing="0"" 但它什么也没做。

标签： razorhtml-tableblazor

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;仅在上述更改未反映时使用。