html - 移除 CSS 框阴影 Chrome/Safari, Firefox 已经可以了

标签 html css

在我基于 WP 的网站上玩 CSS site ,但确实无法弄清楚如何解决仅在使用 Chrome 或 Safari(使用 Firefox 可以)浏览时才会出现的小阴影渲染问题。

在页脚 cookie 栏中,“知道了”按钮在任何浏览器中都不应呈现任何阴影效果。相反,它似乎 show an outer shadow我想删除的 fx。

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

最佳答案

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

那是因为你的其中一个样式名为

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

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

关于html - 移除 CSS 框阴影 Chrome/Safari, Firefox 已经可以了,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31584534/

相关文章:

c# - 在 CSS 中使用人造全高列时修复 anchor

html - 如何将 sigmajs gephi 导出文件上传到服务器? [我需要指向的带有 css 和 index.html 的 javascript 文件]

javascript - HTML : get special character without formating

html - 使用 CSS 网格自动调整列

javascript - 如何使用 CSS 根据百分比定位 div

javascript - 我的点击事件功能在某些情况下停止工作,我找不到这段代码在哪里失败

html - 带有长文本的 CSS 气泡对话丢失格式

css - 使用 Visual Studio,尝试将 CSS 添加到单个 "table colspan"以自定义预建登录框

javascript - 悬停到不同的 div 后显示 div 内容

html - 如何将表行溢出到第二列?