Добавить полосу прокрутки в модальное окно

Привет, друзья-разработчики!

Я пытаюсь получить в модальном окне полосу прокрутки (снимок экрана ниже). Для содержимого установлено значение overflow-y: scroll, и я использовал следующий метод:

::-webkit-scrollbar {
  width: 20px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

... но берется только основной div. Я пробовал добавить этот CSS в модальное окно с переполнением, но он все еще не работает. Кто-нибудь видит то, чего я не вижу?

БЕТА СТРАНИЦА

Добавить полосу прокрутки в модальное окно

Спасибо.

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в 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. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
0
192
1

Ответы 1

Для отображения был унаследован псевдоэлемент: none.

Для будущих разработчиков:

1) Осмотрите рассматриваемый элемент
2) На вкладке стилей прокрутите вниз, и вы найдете стили модального элемента Pseudo :: scrollbar. Если это поле пусто, у вас другая проблема.

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