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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
渣波2 分钟前
基于 Milvus 构建小说知识库 RAG,实现图书智能问答(天龙八部实战)
前端·后端
JavaGuide3 分钟前
我最推荐的 4 个 AI 编程 Skills:grill-me、research、diagnosing-bugs、code-review
前端·后端·ai编程
Moment5 分钟前
2026 了,前端转 AI 全栈我是这么学的 😍😍😍
前端·后端·面试
野生风长6 分钟前
c++(日期类的实现)
前端·c++
恋猫de小郭7 分钟前
Android R8 为什么可以让 Kotlin 协程提速 2 倍?
android·前端·flutter
han_hanker11 分钟前
SQL语法 , BETWEEN ... AND ...,比较运算符
前端·javascript·sql
PedroQue9911 分钟前
Vite插件v1.1.0发布:自动导入全面重构
前端·vite
FogLetter12 分钟前
三栏布局的七十二变:从Flex到Grid,我学会了响应式设计的"降龙十八掌"
前端·面试
答案answer13 分钟前
做了几年 Three.js,我为什么决定自己开发一款3D低代码编辑器
前端·three.js
Revolution6113 分钟前
首屏变慢后,应该先查资源下载、脚本执行还是接口请求
前端·性能优化·前端工程化