Customize `::-webkit-scrollbar` inline with React

user_5151909 0
Viewed 18307

How can I apply the ::-webkit-scrollbar pseudo elements to a component using inline styling in React?

reactjs inline scrollbar css
3 Answers

You can't write pseudo selector inline, you need to add it in css. Refer this link

user_72145450

This worked in my project '&::-webkit-scrollbar': { width: 0, }

user_166058980

React suggests this

<div style={{ '&::WebkitScrollbar': { width: 0, height: 0 } }}></div>
user_13412890
Related