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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
OpenTiny社区2 分钟前
TinyEngine 2.10 版本发布:零代码 CRUD、云端协作,开发效率再升级!
前端·vue.js·低代码
哟哟-6 分钟前
Nginx配置:静态文件访问时动态添加时间戳
运维·前端·javascript·nginx
码云数智-园园15 分钟前
自助建站哪个好?三款主流自助建站对比评测
前端
肆忆_18 分钟前
C++ 汇编层面与语法语义层面总结:this指针 模板 块级作用域 引用
前端
用户40993225021221 分钟前
Vue中默认插槽、具名插槽、作用域插槽如何区分与使用?
前端·vue.js·github
zheshiyangyang26 分钟前
前端面试基础知识整理【Day-3】
前端·word
陆枫Larry31 分钟前
CSS 踩坑笔记:为什么列表底部的 margin-bottom 总是“失效”?
css
用户982361079027732 分钟前
Vite 项目优化分包填坑之依赖多版本冲突问题深度解析与解决方案
前端
陆枫Larry35 分钟前
深入浅出:CSS 中的“隐形结界”——BFC 详解
前端·css
wuhen_n36 分钟前
JavaScript 深拷贝的完全解决方案
前端·javascript