刪除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）

那將擺脫您看到的盒子陰影