去除元素的邊界線在一個網站

我掙扎着從我的我的網站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;

，但仍顯示其行

來源

2016-12-18 info

使用Chrome進行檢查，發現導致該行的規則。覆蓋這樣的：

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

來源

2016-12-18 20:22:34

嗨，謝謝你的回答，但我試圖找到body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area {但沒有找到。 – info

@info這裏是包含它的文件。如果你不能更新這個文件，你仍然可以粘貼我在其他地方編寫的CSS來應用它。 http://propertypricesearch.com/wp-content/themes/burst/css/custom_css.css?ver=1481989539 –

您的網站嵌入了樣式表的縮小版本。您沒有將該行添加到實際使用的CSS文件中：http://ahmed-mukhtar.com/wp-content/themes/burst/css/stylesheet.min.css?ver=4.7 –

問題

您有此元素的邊界，

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); 

}

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; 

    }

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; 

}

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;之間的差異

邊界：無;但是，線樣式值none將導致顏色和寬度值被忽略，如CSS 規範中所述：'none'無邊框。顏色和寬度都被忽略（即邊框的寬度爲0

來源

2016-12-18 20:27:17 wuno

感謝您的回答，我按了Control + F找到body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area但是找不到，我怎麼才能訪問這條線？ – info

只需在我的回答中添加最後一條規則你的樣式表，確保！重要的標誌符合我的要求 – wuno

嘗試從規則的前面移除物體，所以嘗試啓動r用.vertical等 – wuno

或者，你也可以把一個邊界：無或右邊框：沒有在那個特定的DIV持有人，而不是使用的重要

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

來源

2016-12-18 20:32:24

去除元素的邊界線在一個網站

回答

相關問題