修正警告“也定義標準屬性‘box-shadow’以實現相容性”

Question

我使用滾動庫，VSCode 顯示以下警告：

也定義標準屬性「box-shadow」以實現相容性

如何修復它或至少忽略 VSCode 上的警告？

.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #000;
}

Answer 1

對我來說，我遇到了一個問題，其中 -webkit-background-clip: text; 背景剪輯：隱藏的 was-webkit-background-text 必須匹配（box-shadow）並將其更改為背景剪輯，然後它修復了我的錯誤。

Answer 2

這表示除了供應商前綴版本（-webkit-box-shadow）之外，您還應該添加標準樣式規則（box-shadow）

.scrollbar-black::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); // <- Add this to fix.
    background-color: #000;
}