首页 > 解决方案 > 修复警告“同时定义标准属性‘box-shadow’以实现兼容性”

问题描述

我使用 MDB 滚动库,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;
}

标签: cssvisual-studio-codebootstrap-4mdbootstrap

解决方案


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

推荐阅读