Correction de l'avertissement "La propriété standard 'box-shadow' est également définie pour des raisons de compatibilité"

Question

J'utilise la bibliothèque de défilement et VSCode affiche l'avertissement suivant :

Définit également la propriété standard "box-shadow" pour des raisons de compatibilité

Comment résoudre ce problème ou au moins ignorer l'avertissement sur 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

Pour moi, j'ai rencontré un problème où -webkit-background-clip: text; Découpage d'arrière-plan : le texte d'arrière-plan caché was-webkit devait correspondre (box-shadow) et l'a remplacé par un découpage d'arrière-plan, puis il a corrigé mon erreur.

Answer 2

Cela signifie en plus des versions préfixées par le fournisseur (-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;
}