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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
TeamDev8 小时前
使用 JxBrowser 在桌面应用中集成 Spring
java·前端·后端·spring·混合应用·jxbrowser·浏览器控件
陈随易9 小时前
Rolldown 把插件改动回传提速 26 倍
前端·后端·程序员
笃行35017 小时前
集中式与分布式,KingbaseES 的四种形态共用一套内核
前端
陈随易18 小时前
Vue 编译器换掉 source map,快了三四成
前端·后端·程序员
ZhengEnCi19 小时前
12 种高级 UI 交互效果及对应 AI 提示词:从按压回弹到底部抽屉的物理感教学
前端·css·交互设计
IT_陈寒1 天前
Redis大key删除为什么会导致服务卡顿?我的线上事故复盘
前端·人工智能·后端
用户2705077725241 天前
MCP 最小 Server 实测:3 个 JSON-RPC 报错与修法
前端
用户499335025071 天前
一人VIP账号多人共用:Web 代理里的会话共享怎么实现
前端
用户老李1 天前
无线电自学教程 05:第一台收音机——从矿石机到 SDR
前端
IPIPD1 天前
Node.js请求遇到503怎么重试?先解析Retry-After,再做有上限退避
前端