Question

我正在努力从我的网站http://propertypricesearch.com/的垂直菜单中删除该行（有一条垂直线）

我试图检查元素，它似乎是.vertical_area_background类

.vertical_area_background{
    position: fixed;
    width: 290px;
    height: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: cover;
    border-right-width: 0px !important;
    top: 0px;
    left: 0px;
    right: 0px;
    border-style: none;
    z-index: 0;
    -webkit-transition: opacity 0.5s ease, background-color 0.5s ease;
    -moz-transition: opacity 0.5s ease, background-color 0.5s ease;
    -o-transition: opacity 0.5s ease, background-color 0.5s ease;
    -ms-transition: opacity 0.5s ease, background-color 0.5s ease;
    transition: opacity 0.5s ease, background-color 0.5s ease;
    opacity: 1;
    background-color: #1d2022;
}

我设置了像

这样的行

right: 0px;

border-right-width: 0px !important;

但仍显示该行

Answer 1

使用Chrome检查并找到导致该行的规则。像这样覆盖它：

body.vertical_menu_background_opacity_over_slider_on  .vertical_menu_area {
  border-right: 0 !important;
}

Answer 2

<强>问题

此元素上有边框

body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area

<强>解决方案

改变这一点，

body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area {
    border-right: 1px solid rgba(255,255,255,0.5);

}

<强> 1

 body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area {
        border-right: 1px solid rgba(255,255,255,0.5);
         border-right: none !important;

    }

<强> 2

body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area {
    border-right: 1px solid rgba(255,255,255,0.5);
     border-right: 0 !important;

}

第3

body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area { border-right: 1px solid rgba(255,255,255,0.5); }

基本上，这些选项中的每一个都是删除规则或使用!important覆盖规则

如果您有访问权限，我会删除该规则。如果你必须覆盖它，那么我会向我的css添加一个看起来像这样的新规则，

body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area { border-right: none !important; }

使用border-right: 0;和border-right: none;
之间的区别

border：none;但是，线条样式值为none将导致 CSS中所述的颜色和宽度值将被忽略规格：＆＃39;无＆＃39;无边界。颜色和宽度被忽略（即，边框宽度为0

Answer 3

或者，您也可以在该特定div持有者上放置border：none或border-right：none，而不是使用！important

<aside class="vertical_menu_area with_scroll " tabindex="5000" style="overflow-y: hidden; outline: none; border-right: none;">

从网站中的元素中删除边框线

3 个答案: