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

Question

我正在使用 next.js 和 tailwinds。
我想隐藏滚动条。
我在style.css中写了一个隐藏滚动条的样式，但是没有应用。

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

Answer 1

你应该像这样扩展它：

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