css - Is it possible to have different styles for top and bottom WebKit scrollbar buttons? -
i want make webkit scrollbar has different border-radius top , bottom buttons, this:
this css @ moment buttons:
::-webkit-scrollbar-button { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; } but makes both buttons have curved bottom corners.
is there way (preferrably css only)?
you can differentiate top , bottom buttons using
::-webkit-scrollbar-button:vertical:decrement and
::-webkit-scrollbar-button:vertical:increment css:
::-webkit-scrollbar-button:vertical:decrement { border-bottom-left-radius: 8.5px; border-bottom-right-radius: 8.5px; } ::-webkit-scrollbar-button:vertical:increment { border-top-left-radius: 8.5px; border-top-right-radius: 8.5px; }