Style scroll react csss

const styles = theme => ({
  '@global': {
    '*::-webkit-scrollbar': {
      width: '0.4em'
    },
    '*::-webkit-scrollbar-track': {
      '-webkit-box-shadow': 'inset 0 0 6px rgba(0,0,0,0.00)'
    },
    '*::-webkit-scrollbar-thumb': {
      backgroundColor: 'rgba(0,0,0,.1)',
      outline: '1px solid slategrey'
    }
  }
});

Source: stackoverflow.com

Similar codes

1 vote172 views1 answer
Gatsby hide scrollbar
CSS
0 vote237 views4 answers
Select2 make previously selected options non deletable
CSS
0 vote170 views1 answer
Css add required asterisk after
CSS
0 vote176 views2 answers
Unable to load authentication plugin 'caching_sha2_password'
CSS
0 vote193 views1 answer
Gradient 3 colors
CSS
1 vote197 views1 answer
Css select part of class name
CSS
0 vote181 views1 answer
Round image center
CSS
0 vote155 views1 answer
Img grows up onmouseover css
CSS
50 votes163 views5 answers
Child css
CSS
-1 vote170 views1 answer
Css blur gradient
CSS