删除CSS框阴影Chrome / Safari,Firefox已经可以了

时间:2015-07-23 10:21:05

标签: html css css3

在基于WP的site上玩CSS时,却真的无法弄清楚如何解决只在浏览Chrome或Safari时出现的小阴影渲染问题(Firefox很好)。

在页脚Cookie栏中,“获取”按钮在任何浏览器中都不应出现任何阴影效果。相反,我希望删除show an outer shadow fx。

试图用Firebug检查元素,但仍然无法理解创建它的CSS是什么。任何铅?谢谢!

2 个答案:

答案 0 :(得分:0)

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

这是因为你的一个名为

的风格
.cli-plugin-button, .cli-plugin-button:visited

-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);这就是为什么它只出现在chrome和safari中。

答案 1 :(得分:0)

删除或覆盖

的样式
.cli-plugin-button, .cli-plugin-button:visited

类不包含-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.6)

可以摆脱你所看到的盒子阴影