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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
剪刀石头布啊2 小时前
javascript手动实现继承
前端
Elias不吃糖2 小时前
Langfuse 入门:Trace、Prompt、Dataset、Experiment、Evaluator
前端·python·prompt·langfuse
vipbic2 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
用户938515635073 小时前
TypeScript 高级类型 + CSS 三列布局:从类型体操到样式工程的进阶之路
css·面试·typescript
Eason_Lou4 小时前
【无标题】
前端·vue.js·html
_codemonster4 小时前
npm run dev 是在开发模式运行,怎么在生产环境运行
前端·npm·node.js
kyriewen5 小时前
我受够了复制报错去问 AI,花一下午给控制台做了个调试助手
前端·javascript·ai编程
IT_陈寒6 小时前
Redis的DEL命令竟然没删掉数据?我踩的这个坑你得知道
前端·人工智能·后端
anOnion6 小时前
构建无障碍组件之Menu and Menubar Pattern
前端·html·交互设计