唯一可靠方式是通过coreplugins设为false禁用整组插件；可安全关闭的包括preflight（需手动补@layer base）、cursor、liststyle、textdecoration、transform、transition、animation，而flexbox、grid等底层插件无对应开关。
只能通过 corePlugins 配置项设为 false 来禁用整组功能插件，不能按单个类名或 CSS 属性禁用。
哪些插件可以安全关闭？
Tailwind 提供明确开关的插件有限，常见可关项包括：
-
preflight：必须单独处理，它控制全局重置样式（@tailwind base），关掉后原生元素回归浏览器默认行为 -
cursor：关闭后所有cursor-pointer、hover:cursor-none类不生成 -
listStyle、textDecoration、transform、transition、animation
底层基础插件如 flexbox、grid、container 没有对应开关，强行删配置无效。
为什么不能只关 button 的 background-color？
Preflight 是原子操作，它把 button、input、textarea 等统一设为 background-color: transparent，规则打包在 @tailwind base 里，没有粒度更细的开关。试图用 !important 覆盖或局部写 button { background-color: initial } 会与 twMerge 冲突，且 DevTools 中难定位来源——因为 Tailwind 根本没生成那条 CSS 规则。
禁用后必须重启开发服务器
修改 tailwind.config.js 中的 corePlugins 后，Vite / Webpack 不会通过 HMR 重新注入 @tailwind base 或更新工具类生成逻辑：
- 设置
corePlugins: { preflight: false }后，必须手动重启npm run dev - 否则旧 CSS 仍驻留在内存中，
img仍保持display: block，html2canvas截图偏移问题照旧 - 即使你删了
@tailwind base的 import，也无济于事——关键在构建时跳过编译
关了 preflight 后怎么补基础样式？
关掉不是放任不管，而是换种方式控制基线。必须用 @layer base 补三项最核心的：
-
*和*::before/*::after补box-sizing: border-box（否则第三方库布局错位） -
button、input、select、textarea补background-color: initial和border: initial（让 Ant Design / Naive UI 正常渲染） -
ul、ol补list-style: initial和margin-block: 1em（恢复原生缩进）
@layer base 必须写在 @tailwind components 之前，且里面不能用 @apply sm:m-0 这类响应式变体——它们不会生效。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
