Сбросить стили прокрутки (-webkit-scroll) ⇐ CSS

[Anonymous]

У меня проблема с отключенными стилями CSS для -webkit-scrollbar. Похоже, что браузеры не могут отключить его после его применения.
Я создал пример, демонстрирующий проблему: https://codesandbox.io/p/sandbox/lyn2m8
Первоначальные собственные прокрутки (я использую Macos):


При нажатии кнопки «Включить настройку прокрутки» применяются стили:

Код: Выделить всё

::-webkit-scrollbar {
height: 8px;
width: 8px;
background-color: aqua;
}
::-webkit-scrollbar-thumb {
background: rgb(87, 20, 112);
border-radius: 16px;
}

Но когда я пытаюсь сбросить настройки, нажимаю кнопку «Отключить настройку прокрутки» — полосы прокрутки выглядят странно.
Стили:

Код: Выделить всё

::-webkit-scrollbar {
height: unset;
width: unset;
background-color: unset;
}
::-webkit-scrollbar-thumb {
background: black;
border-radius: unset;
}

И прокрутки полностью исчезают, когда я также сбрасываю фон для большого пальца:

Код: Выделить всё

::-webkit-scrollbar-thumb {
background: unset;
}

Я проверял это на Chrome 131, Chrome 133, Safari 18.1.1, Safari 18.2.
Как сбросить стили для прокрутки ?

Подробнее здесь: https://stackoverflow.com/questions/792 ... kit-scroll