Question

我一直在使用WordPress网站，我在删除标题中的投影时遇到问题。我能够删除标题背景颜色并定位它我想要的但我无法让阴影消失。我使用了这个css代码：

#insta-header {
    background: none;
    margin-top: 25px;
    margin-bottom: -25px;
    position: relative;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

但是当我保存并查看页面时，阴影仍然存在。如果我检查元素，它会显示我的编码和原始编码。该网站位于http://www.clearwaterfloridabeachrentals2.imbookingsecure.com/。有什么想法我可以一劳永逸地删除阴影吗？

Answer 1

添加！important以强制覆盖

#insta-header {
    background: none;
    margin-top: 25px;
    margin-bottom: -25px;
    position: relative;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

Answer 2

无需使用!important，只需提高特异性：

#container #insta-header {
  box-shadow: none;
}

截图：

https://clbin.com/xOvIZO.png

在某些环境中，您被迫覆盖主题CSS，不确定这是否是这种情况。如果您可以访问所有CSS，请从box-shadow样式化的其他区域中删除#insta-header样式（这将是最佳选择）。

Answer 3

您可以使用其他一些答案来覆盖框阴影样式。

但是要一劳永逸地删除它，你需要编辑你的＆＃34; style.css＆＃34;文件。从第22行开始，您有以下代码。

 #insta-header{position:relative;-moz-box-shadow:0 0 4px rgba(0,0,0,.4);-webkit-box-shadow:0 0 4px rgba(0,0,0,.4);box-shadow:0 0 4px rgba(0,0,0,.4);-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=0,Color=#66000000,Positive=true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=0, Color=#66000000, Positive=true)}

如果删除该行，则应该为您删除它。

Answer 4

最好的想法是在样式表中找到您未能覆盖并解决该问题的声明。您可能会发现一个超出范围的声明，然后您可以对其进行修改，使其仅影响应有的效果，然后您就不必在您尝试定位的ID中进行任何覆盖。

懒惰的解决方案是使用!important，但您将来会为此付费。

Answer 5

您可以将所有这些内容移到样式表的顶部以删除所有框阴影（也添加其他浏览器前缀）：

*{ box-shadow: none !important; }

投影不会消失

5 个答案: