Question

我想在引导程序表中删除一个单元格的边框。我试过把id放在那个特定的单元格和我的css中：

#borderless-cell { border: 0; }

这似乎不起作用。有什么想法吗？

Answer 1

#borderless-cell { border: 1px solid Transparent!important; }

使边框对特定单元格透明

Answer 2

Bootstrap 4内置了实用程序类，可能会有所帮助： https://getbootstrap.com/docs/4.0/utilities/borders/

文档示例：

<span class="border-0"></span>

您还可以查看用于使border-0工作的CSS，以提示您在纯CSS中回答您的问题。

Answer 3

试试这个：

      @using (Html.BeginForm("Create", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()


    {

        <input type="file" name="postedFile" />
        <input type="submit" id="btnUpload" value="Upload" />
    }

}

Answer 4

请使用这个。

更改此内容：<table class="table table-hover table-bordered">

对此：<table class="table table-hover">

然后添加这个css：

.table {
  border: 1px solid #dddddd;
}

但是，如果你想按照你的方式去做，那么css就是：

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
  border-right-width:0px;
  border-left-width:0px;
}

DEMO：http://jsbin.com/IbebIpob/2/edit

Answer 5

用透明边框隐藏

#borderless-cell { border: 10px solid transparent; }

删除Bootstrap表中一个单元格的边框

5 个答案: