在你的tailwind.config.js文件中,添加@tailwindcss/custom-forms插件到plugins数组中: 在你的CSS文件中,使用scrollbar类来自定义滚动条样式。例如,你可以使用scrollbar-thumb类来设置滚动条的滑块样式,使用scrollbar-track类来设置滚动条的轨道样式。具体的类名和用法可以参考Tailwind Custom Forms文档。
Tailwindcss插件可自定义浏览器滚动条。 安装 # Using npm npm install -D @gradin/tailwindcss-scrollbar # Using Yarn yarn add -D @gradin/tailwindcss-scrollbar 然后将插件添加到tailwind.config.js文件。 module . exports = { theme : { // ... } , plugins : [ require ( '@gradin/tailwindcs...
module.exports = { // ... plugins: [ require('@gradin/tailwindcss-scrollbar')({ colors: { track: 'lightgray', thumb: 'gray', thumbHover: 'darkgray', }, }), ], } 但我想用主题的颜色。这两种配置都不起作用,我仍然得到 浏览1提问于2021-04-12得票数 0 回答已采纳 1回答 导航边框短...
Tailwind-scroll bar不提供改变滚动条大小的解决方案。你可以使用CSS来改变滚动条大小：
Tailwind CSS的滚动条插件 为Firefox和基于Webkit的浏览器中的滚动条添加样式实用程序。 安装 yarn add -D tailwind-scrollbar 或者 npm install --save-dev tailwind-scrollbar 将其添加到Tailwind配置的plugins数组中。 plugins : [ // ... require ( 'tailwind-scrollbar' ) , ...
滚动条只有一种样式,即scrollbar-thin...因此可以通过自定义这种方式进行个性化定制。 - Joshua Galit 7 我已经使用Tailwin插件成功地为滚动条设置了样式,如下所示: // tailwind.config.js const plugin = require('tailwindcss/plugin'); module.exports = { // ... plugins: [ plugin(({ addBase, theme...
Scrollbar plugin for Tailwind CSS. Contribute to adoxography/tailwind-scrollbar development by creating an account on GitHub.
tailwindui tailwind-ui tailwind-blocks css html template View more tailgrids• 2.2.7 • 4 months ago • 0 dependents • MITpublished version 2.2.7, 4 months ago0 dependents licensed under $MIT 10,637 tailwind-scrollbar-utilities Tailwind plugin for scrollbar class utilities tailwind tailwi...
class="overflow-auto scrollbar-custom scrollbar-thumb-gray-500 hover:scrollbar-thumb-gray-400 dark:scrollbar-thumb-white/10 dark:hover:scrollbar-thumb-white/20 px-5">{@html highlightedCode || code.replaceAll("<", "<")} <CopyToClipBoardBtn 2 changes: 1 addition & 1 deletion 2 src/...
@netlify/tailwindcss-first-line Tailwind plugin for the :first-line CSS pseudo-element CSS netlify Tailwind charliegerard •1.0.1•4 years ago•0dependents•MITpublished version1.0.1,4 years ago0dependentslicensed under $MIT 147 tailwindcss-no-scrollbar ...