Fix Предупреждение «Также определите стандартное свойство box-shadow для совместимости»

Я использую библиотеку прокрутки MDB, и VSCode показывает следующее предупреждение:

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

Как я могу это исправить или хотя бы проигнорировать предупреждение в 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);
Robby Cornelissen 09.04.2019 08:50

Как уже упоминал Робби. В данный момент вы используете только свойство box-shadow с префиксом (-webkit). Вы также должны добавить свойство box-shadow без префикса.

Sebastian Brosch 09.04.2019 08:52

@SebastianBrosch Или оба, если он хочет поддерживать более старые версии webkit

Jake 09.04.2019 09:18

Проблема решена с box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); спасибо

Fakhamatia 09.04.2019 11:57
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
20
4
35 957
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это означает, что вы должны добавить стандартное правило стиля (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;
}

Другие вопросы по теме