::scroll-button | CSS Selectors & Pseudo-classes

A new pseudo-element that allows you to style the 'up', 'down', 'left', and 'right' buttons that appear in scrollable containers (like scrollbars).

Quick example

.chat-window::scroll-button(down) {
  /* Styles the down arrow button on the scrollbar */
  background: var(--brand);
  border-radius: 50%;
}

Limited availability 69% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

135+