scrollbar-gutter оставляет белую полосу
Если прописать фон на body, то такой же будет применён к html и вьюпорту:
body {
background: silver;
}Hi!Но если на html написать scrollbar-gutter: stable, то на месте, отведённом под скроллбар, получается белая полоса, т. е. браузер не применяет фон к вьюпорту. Как покрасить эту полосу?
html {
scrollbar-gutter: stable;
}
body {
background: silver;
}<details>
<summary>Expand...</summary>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
</details> Ответы (1 шт):
Автор решения: Виктор Карев
→ Ссылка
* {
scrollbar-color: #d0dee2 silver;
}
html {
scrollbar-gutter: stable;
}
body {
background: silver;
}<details>
<summary>Expand...</summary>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore iure eligendi incidunt sunt possimus inventore, impedit non doloremque soluta excepturi dolorum, cumque quasi veritatis doloribus architecto corporis maxime. Tenetur, corrupti!
</details>