Search code examples
cssvisual-studio-codebootstrap-4

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


I use the 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;
}

Solution

  • It 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;
    }