Fix Warning "Also define the standard property 'box-shadow' for compatibility"

Fakhamatia picture Fakhamatia · Apr 9, 2019 · Viewed 21.7k times · Source

I use the MDB scroll library, and VSCode shows the following warning:

Also define the standard property 'box-shadow' for compatibility

How can I fix it or at least ignore the warning on 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

M.Laida picture M.Laida · Sep 19, 2019

I means you should add the standard style rule (box-shadow) in addition to the vendor prefixed version (-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;
}