Behebung der Warnung „Die Standardeigenschaft ‚box-shadow‘ ist aus Kompatibilitätsgründen ebenfalls definiert.“

Question

Ich verwende die Bildlaufbibliothek und VSCode zeigt die folgende Warnung an:

Definiert außerdem die Standardeigenschaft „box-shadow“ aus Kompatibilitätsgründen

Wie kann ich das Problem beheben oder zumindest die Warnung auf VSCode ignorieren?

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