Я хочу сделать полосу прокрутки для своего сайта темной и настроить ее. Он работает в Chrome с ::-webkit-scrollbar, но не работает в Edge — я не смог найти способ изменить цвет полосы прокрутки в Microsoft Edge.
Кто-нибудь знает как это сделать? Пожалуйста помоги :)
В настоящее время нет возможности сделать это в Microsoft Edge. В IE для достижения этой цели использовались нестандартные свойства CSS, зависящие от поставщика. Они были удалены в MS Edge, поскольку их можно было использовать для нацеливания на браузер и нарушения совместимости с сайтами, которые ожидали старого поведения IE (свойства очень старые). К сожалению, на данный момент в CSS нет хороших стандартных свойств, которые могли бы их заменить.
Существует предложение UserVoice, которое вы можете проголосовать за добавление метода для стилей полос прокрутки. Мы используем это как один из исходных данных при планировании приоритетов функций в движке EdgeHTML.
Для меня работало следующее:
/* Работает в Chrome, Edge и Safari */
*::-webkit-scrollbar {
width: 12px;
}
*::-webkit-scrollbar-track {
background: orange;
}
*::-webkit-scrollbar-thumb {
background-color: blue;
border-radius: 20px;
border: 3px solid orange;
}
Для получения дополнительной информации: https://www.digitalocean.com/community/tutorials/css-scrollbars
