【CSS】tailwindcss 如何关闭默认样式

关闭 Preflight 默认样式

  1. 在你的 tailwind.config.js 文件中设置 preflight: false:
javascript 复制代码
module.exports = {
  corePlugins: {
    preflight: false,
  }
}
  1. 这将禁用 Tailwind 的默认样式,包括 Preflight。

关键点

  • Preflight 是一个包含基础样式的预设,用于解决跨浏览器不一致性和设计系统约束。
  • 禁用 Preflight 可能会影响一些默认行为,如边框样式重置等。

更多请参考

preflight

相关推荐
默_笙6 小时前
🚋 从流水线到地铁网:为什么复杂 AI 都要拆成多 Agent(上)——LangGraph 基础入门
前端·javascript
科技苑6 小时前
前后端分离与微服务架构如何协同?
前端·后端·前端框架
神秘的猪头6 小时前
TypeScript 高级用法全解析:从泛型到 infer,把类型系统真正用起来
前端·typescript
moMo6 小时前
React Hooks 与闭包
前端·react.js
柚yuzumi6 小时前
彻底搞懂 JavaScript 类型转换:显式转换、隐式转换与 ToPrimitive
前端·javascript·node.js
向北丶6 小时前
vscode 导入语句排序和删除未使用的导入
前端·visual studio code
PHP实战开发录7 小时前
PHP接口偶发变慢怎么查
前端·php·开发
向北丶7 小时前
vite项目中配置alias别名
前端·vite
COOLMO研究AI7 小时前
Next.js App Router 中 sitemap、robots 与 canonical 的配置与排查
前端·web·js·网站优化
DyLatte8 小时前
AI 给了我 8 个优化方案,全都是对的,但没有一个有用
前端·后端·程序员