使用自定义CSS删除边框/背景

Question

我有一个自定义的404页面。可以在@ http://www.techquark.com/123123

中找到相同的示例

我需要让盒子边框消失，背景为白色。

为此，我粘贴了以下CSS：

.status-msg-border {border: 0;}
.status-msg-body {background-color: #ffffff;}
.status-msg-wrap {width: 100%; margin: 0px auto;}
.status-msg-bg {background: transparent;}

但它不起作用，盒子仍然有边框和颜色。以下是404页面代码：

<div class='status-msg-wrap'>
<div class='status-msg-body'>
<div style="text-align: center;" trbidi="on">
<h2>
404 Page Not Found</h2>
Sorry but the page you are looking for cannot be found.
<br/><br/>
If you're in denial and think this is a conspiracy that cannot possibly be true, please try using the search box below or <a href="http://www.techquark.com/p/contact-us.html" target="_blank">contact me</a>.
<br/><br/>
<form action="/search" id="searchThis" method="get" style="display: inline; margin: 20px auto;">
<input id="searchBox" name="q" onblur="if(this.value=='')this.value=this.defaultValue;" onfocus="if(this.value==this.defaultValue)this.value='';" type="text" value="Search this blog" vinput="" /> <input id="searchButton" type="submit" value="Go" /></form>
<br/><br/>
You may also want to move to the <a href="http://www.techquark.com/" target="_blank">homepage</a> for a fresh start of our relationship.
<br/><br/>
<a href="http://1.bp.blogspot.com/-wNOn6Ndu7ws/WPCqTnFAxGI/AAAAAAAAozQ/NlRrQ9so7awQJdAwXcL9ZAUR08EV2lutQCK4B/s1600/404.jpg" imageanchor="1"><img border="0" src="https://1.bp.blogspot.com/-wNOn6Ndu7ws/WPCqTnFAxGI/AAAAAAAAozQ/NlRrQ9so7awQJdAwXcL9ZAUR08EV2lutQCK4B/s1600/404.jpg" /></a>
</div>
</div>

这是输出，我期待：

对此有任何帮助将不胜感激！

Answer 1

在CSS中，尝试添加border：1px solid transparent;并为背景尝试background-color：white;。希望这有帮助！

Answer 2

您需要在使用自定义css时进行覆盖。

.status-msg-border {border: 0 !important;}
.status-msg-body {background-color: #ffffff !important;}
.status-msg-wrap {width: 100%; margin: 0px auto !important;}
.status-msg-bg {background: transparent !important;}

尝试上面的代码它应该可以正常工作。

Answer 3

当我检查您的网站时，我在控制台中找到了以下内容：

.status-msg-border {
    border: 1px solid #000;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
    opacity: .4;
    width: 100%;
    position: relative;
}

删除行border: 1px solid #000;，它应该没问题

或尝试.status-msg-border { border-width: 0px; }

希望这会有所帮助

Answer 4

尝试.status-msg-bg {display:none}

Answer 5

已修复，网站加载导致CSS覆盖。我在网站的末尾粘贴了CSS。

即使现在边框和背景也会被加载，但是当网站加载完成时它会再次被覆盖。谢谢大家！

Answer 6

<div class="status-msg-border" style="border: none; opacity: 0;">

只需将这些内联样式添加到div

即可