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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
前端一课20 分钟前
OpenClaw 项目全面架构分析报告
前端·人工智能
HelloReader33 分钟前
Tauri 的 Capabilities 权限管理系统
前端
喵爱吃鱼1 小时前
关于我明明用了ref还是陷入React闭包陷阱
前端·react.js
an317421 小时前
解决 VSCode 中 ESLint 格式化不生效问题:新手也能看懂的配置指南
前端·javascript·vue.js
汪汪队长3 小时前
谷歌浏览器自定义油猴插件
前端
ZFSS3 小时前
SeeDance Tasks API 的对接和使用
前端·人工智能
睿智的仓鼠3 小时前
🦞OpenClaw 快速部署及使用指南
前端·人工智能
前端付豪3 小时前
Nest 项目小实践之图书增删改查
前端·node.js·nestjs
比特鹰3 小时前
手把手带你用Flutter手搓人生K线
前端·javascript·flutter
奔跑路上的Me3 小时前
前端导出 Word/Excel/PDF 文件
前端·javascript