修复警告“同时定义标准属性‘box-shadow’以实现兼容性”答案

【问题标题】：Fix Warning "Also define the standard property 'box-shadow' for compatibility"修复警告“同时定义标准属性‘box-shadow’以实现兼容性”
【发布时间】：2019-08-30 09:12:44
【问题描述】：

我使用 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;
}

【问题讨论】：

“还要定义标准属性 'box-shadow' 以实现兼容性” 我不认为警告消息比这更清晰...添加box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);跨度>
正如罗比已经提到的。您目前仅使用带有前缀 (-webkit) 的 box-shadow 属性。您还应该添加不带前缀的 box-shadow 属性。
@SebastianBrosch 如果他想支持旧版本的 webkit 或者两者兼而有之
问题已解决，box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); 谢谢

标签： css visual-studio-code bootstrap-4 mdbootstrap

【解决方案1】：

这意味着除了供应商前缀版本（-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;
}

【讨论】：