要隐藏滚动条,您需要直接设置它的样式: /* Hide scrollbar for Chrome, Safari and Opera */ .no-scrollbar::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ .no-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* ...
This PR adds utlities for the scrollbar-width CSS property. Supported in Firefox for a while. Chrome is supported behind a flag as of 115. I'm midway through implementing support in WebKit. Chrome (in-progress) bug: https://crbug.com/891944 Safari bug: https://webkit.org/b/231588 The...
Tailwind CSS是一个高度可定制的CSS框架,它提供了一套原子级的CSS类,可以快速构建现代化的、响应式的Web界面。它的主要特点包括: 高度可定制:Tailwind CSS允许开发者根据自己的需求定制样式,而不是预定义好的样式。通过组合不同的原子类,可以轻松创建出独特的界面风格。 原子级类:Tailwind CSS的类名都是原子级...
/* 在 global.css 文件中添加以下样式 */ @tailwind base; @tailwind components; @tailwind utilities; @layer utilities { .no-scrollbar::-webkit-scrollbar { display: none; /* 隐藏 Chrome, Safari 和 Opera 的滚动条 */ } .no-scrollbar { -ms-overflow-style: none; /* 隐藏 IE 和 Edge 的...
就跟人都绕不过生老病死一样，一个软件开发者，只要做一个完整的项目，无论如何都绕不过前端。然而，...
"repository": "https://github.com/adoxography/tailwind-scrollbar", "homepage": "https://github.com/adoxography/tailwind-scrollbar", "license": "MIT", "private": false, "devDependencies": { "tailwindcss": "^1.7.6" } } 0 comments on commit d4f1072 Please sign in to comment. Footer...
tailwindcss tailwind-css tailwindcss-plugin scrollbar scrollbar-gutter scrollbar-width scrollbar-color lukewarlow• 0.2.0 • 2 years ago • 0 dependents • MITpublished version 0.2.0, 2 years ago0 dependents licensed under $MIT 9,986 ...
CSS Grid support Added max-w-{screen} utilities Added max-w-none utility Added rounded-md utility Added shadow-sm utility Added shadow-xs utility Added stroke-width utilities Added fixed line-height utilities Added additional display utilities for table elements Added box-sizing utilities Added clear...
tailwindcss scrollbar scrollbar-hide reslear •2.0.0•a day ago•98dependents•MITpublished version2.0.0,a day ago98dependentslicensed under $MIT 607,968 vite-plugin-tailwind-purgecss Vite plugin for PurgeCSS purgeCSS sveltekit svelte
以下是使用Tailwind CSS和自定义CSS隐藏滚动条的方法: 1. 使用自定义CSS隐藏滚动条 你可以在你的CSS文件中添加以下样式来隐藏滚动条: css /* 隐藏滚动条 */ .scrollbar-hide::-webkit-scrollbar { display: none; } .scrollbar-hide { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width:...