我想把我自己的css添加到tailwindcss css中。它没有被改编

Question

我使用的是next.js和顺风。

我想隐藏滚动条。

我写了一个样式来隐藏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;
    }
}