我想在tailwindcss中添加我自己的css。 它不适应

Question

I'm using next.js and tailwinds.
I want to hide the scroll bars.
I wrote a style to hide scrollbars in style.css, but it is not applied.

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
body::-webkit-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: none;
}

Answer 1

You are suppose to extend it like this:

@layer base {
    body::-webkit-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;
        display: none;
    }
}