直接在全局 CSS 文件中添加以下样式
/* global styles/global.css */
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer utilities {
/* 隐藏 Chrome, Safari 和 Opera 的滚动条 */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
/* 隐藏 IE, Edge 和 Firefox 的滚动条 */
.no-scrollbar {
-ms-overflow-style: none; /* IE 和 Edge */
scrollbar-width: none; /* Firefox */
}
}
在代码中使用
<div class="flex-1 overflow-y-scroll no-scrollbar"></div>