Html 从网站中的元素中删除边框线
我正在努力从我的网站的垂直菜单中删除这条线(有一条垂直线) 我试图检查元素,它似乎是Html 从网站中的元素中删除边框线,html,css,border,Html,Css,Border,我正在努力从我的网站的垂直菜单中删除这条线(有一条垂直线) 我试图检查元素,它似乎是。垂直\u区域\u背景类 .vertical_area_background{ position: fixed; width: 290px; height: 100%; background-position: right top; background-repeat: no-repeat; background-size: cover; border-ri
。垂直\u区域\u背景
类
.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;
但它仍然显示了这条线用铬检查,发现了导致这条线的规则。像这样覆盖它:
body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area {
border-right: 0 !important;
}
用铬进行检查,发现导致该线的规则。像这样覆盖它:
body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area {
border-right: 0 !important;
}
问题 在这个元素上有一个边框
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;
}
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);
}
2.
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);
}
3.
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);
}
基本上,这些选项中的每一个要么删除规则,要么用覆盖它!重要信息
如果你有权限,我会删除规则。如果您必须覆盖它,那么我会向css添加一个新规则,如下所示
body.vertical_menu_background_opacity_over_slider_on .vertical_menu_area {
border-right: none !important;
}
使用右边框之间的差异:0代码>和右边框:无代码>
边界:无;但是,“无”的线样式值将导致
CSS中规定的要忽略的颜色和宽度值
规格:“无”无边框。忽略颜色和宽度(即。,
边框宽度为0
问题
在这个元素上有一个边框
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;
}
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);
}
2.
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);
}
3.
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;
}
使用边框右键:0;
和边框右键:无;
边框:无;但是,“无”的线样式值将导致
CSS中规定的要忽略的颜色和宽度值
规格:“无”无边框。忽略颜色和宽度(即。,
边框宽度为0
或者,您也可以在特定的div持有者上放置border:none或border right:none,而不是使用
<aside class="vertical_menu_area with_scroll " tabindex="5000" style="overflow-y: hidden; outline: none; border-right: none;">
或者,您也可以在特定的div持有者上放置border:none或border right:none,而不是使用
<aside class="vertical_menu_area with_scroll " tabindex="5000" style="overflow-y: hidden; outline: none; border-right: none;">
您好,谢谢您的回答,但我试图找到线条主体。垂直\u菜单\u背景\u不透明度\u覆盖\u滑块\u打开。垂直\u菜单\u区域{但是找不到。@信息这是包含它的文件。如果你不能更新这个文件,你仍然可以粘贴我在样式中其他地方写的CSS来应用它。你的网站嵌入了样式表的缩小版本。你没有在实际使用的CSS文件中添加行:通过使用Chrome Developer工具检查你的网页看到CSS规则从何而来。看:谢谢。我删除了它。我安装了一个插件,我想我把它搞砸了。我把规则放在了CSS主题部分,但仍然显示线条。网站是ahmed-mukhtar.comHi,谢谢你的回答,但我试着找到了线条主体。垂直菜单背景不透明度在滑块上。垂直菜单区域{但是找不到。@信息这是包含它的文件。如果你不能更新这个文件,你仍然可以粘贴我在样式中其他地方写的CSS来应用它。你的网站嵌入了样式表的缩小版本。你没有在实际使用的CSS文件中添加行:通过使用Chrome Developer工具检查你的网页看到CSS规则从何而来。看:谢谢。我删除了它。我安装了一个插件,我想我把它搞砸了。我已经把规则放在了CSS主题部分,但仍然有线条显示。网站是ahmed-mukhtar.com谢谢你的回答。我按下Control+F来查找body.vertical\u menu\u background\u opacity\u over\u slider\u on.vertical\u menu\u区域,但co找不到。如何访问此行?只需将我在样式表的回答中向您显示的最后一条规则添加到样式表中。确保!重要标志与我编写的一样位于规则中。尝试从规则前面删除正文,因此尝试使用垂直等方式启动规则。您可能使用Wordpress站点。Wordpre中可能有一个菜单ss仪表板,允许您添加自定义CSS。您很可能需要在主题中找到接受自定义CSS的位置并将其添加到那里。您是对的。我正在使用wordpress。是的,有一个选项。我将尝试现在放置感谢您的回答。我按Control+F查找body.vertical\u menu\u background\u opacity\u over\u slider\u on.vertical\u menu\u\area但找不到。如何访问此行?只需将我在回答中向您显示的最后一条规则添加到您的样式表中。确保!重要标志与我编写的一样位于规则中。尝试从规则前面删除正文,以便尝试使用。垂直等。您可能使用Wordpress网站。t中可能有一个菜单Wordpress仪表板允许您添加自定义CSS。您很可能需要在主题中找到接受自定义CSS的位置并将其添加到那里。您是对的。我正在使用Wordpress。是的,有一个选项。我现在将尝试放置