Стилизация scrollbar в css

Алексей,

6 мая 2021 12:42

Простая стилизация скроллбара в webkit браузерах и firefox. Т.е. работает во всех современных браузерах.

.block-overflow::-webkit-scrollbar{
	width: 7px;
	background: #eee;
}
.block-overflow::-webkit-scrollbar-thumb{
	width: 7px;
	background: #ccc;
}
.block-overflow{
	max-height: 200px;
	overflow: auto;
	scrollbar-width: thin;
}

Пример такого блока, где вертикальный скроллбар стилизован в css. Пример такого блока, где вертикальный скроллбар стилизован в css. Пример такого блока, где вертикальный скроллбар стилизован в css. Пример такого блока, где вертикальный скроллбар стилизован в css.

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 6 мая 2021

css, верстка, костыли, скроллбар