Question

我正在使用以下css来设置div的样式：

.mod head-update{
    height: 40px;
    border-style: none!important;
    padding-bottom: 20px;
    padding-top: 20px;
}

然而，我在div的顶部和底部得到2条灰色线条。我该如何删除它？

Answer 1

_{您最有可能使用类head-update或ID .修复您的选择器#，例如：.head-update（或#head-update？）< /子>}

尝试

border: none !important;

（P.S注意none和!important之间的空格）

Answer 2

如果不自行测试，我会在这里修改边框，就像其他人说的那样......

border: none !important;

无所畏惧，你想要尝试覆盖它，我会摆脱!important。

我要做的另一件事是尝试陈述background-color。

background-color: #FFFFFF;

而且，如果你没有太多的元素并且你不介意标记上的style属性，你可能会这样做，这应该覆盖任何CSS规则反对它...

<div class="..." style="border:none; background-color:white"></div>

可能会有某种灰色背景和div中另一个背景颜色为白色的元素。使用填充，这将导致在内部白色div和父div（您试图修复的那个）之上存在一些空间可能以某种方式从某事物中获得灰色的背景颜色

Answer 3

试试这个：）

＆＃13;

margin: -8px;
...

＆＃13;

Answer 4

我通过使容器div的背景颜色如下所示来解决了这个问题。

<div class="row" style="width: 100%;background-color: #250505;">
    <div style="background-color: #250505; width: 10%;float:left;font-size: 32px;border: none !important; ">
    content .........
    </div>
    <div style="text-align:center;font-size:2.2vh;color:rgb(255, 255, 255); width:80%; font-weight:700;background-color: #250505;">
      content .....................
    </div>
    <div style="background-color: #250505; width: 10%;float:right;font-size: 32px; border: none !important;">
      content .............
    </div>

  </div>

Answer 5

尝试一下，outline: none;

.mod head-update{
    height: 40px;
    border-style: none!important;
    padding-bottom: 20px;
    padding-top: 20px;

    outline: none;
}

Answer 6

变化

border-style: none!important;

到

border : none !important;

如何删除div-CSS中的边框线

6 个答案: