修复警告“同时定义标准属性‘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

这意味着除了供应商前缀版本（

box-shadow

）之外，您还应该添加标准样式规则（

-webkit-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;
}

Answer 2

对我来说，我遇到了一个问题，其中 -webkit-background-clip: text; 背景剪辑：隐藏的 was-webkit-background-text 必须匹配（box-shadow）并将其更改为背景剪辑，然后它修复了我的错误。