删除CSS box shadow Chrome / Safari，Firefox已经可以了

Question

我一直在基于WP的网站上使用CSS玩游戏，但实际上并没有弄清楚如何解决仅在使用Chrome或Safari浏览时出现的小型阴影渲染问题（使用Firefox即可）。

在任何浏览器中，页脚cookie栏中的“获取”按钮都不应显示任何阴影效果。 相反，它似乎显示了我要删除的外部阴影 fx。

试图用Firebug检查该元素，但仍然不知道创建此元素的CSS是什么。 有铅吗？ 谢谢！

Answer 1

只需添加box-shadow:none阴影就会消失

这是因为您的一种风格命名为

.cli-plugin-button, .cli-plugin-button:visited

具有-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); 这就是为什么它仅出现在Chrome和Safari中的原因。

Answer 2

删除或覆盖以下样式

.cli-plugin-button, .cli-plugin-button:visited

不包含-webkit-box-shadow的类：0 1px 3px rgba（0,0,0,0.6）

那将摆脱您看到的盒子阴影