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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
xier1234568 小时前
高性能和高灵活度的react表格组件
前端
你打不到我呢8 小时前
nestjs入门:上手数据库与prisma
前端
多啦C梦a8 小时前
React 实战:从 setInterval 到 useInterval,一次搞懂定时器 Hook(还能暂停!)
前端·javascript·react.js
闲不住的李先森8 小时前
乐观更新
前端·react.js·设计模式
笔尖的记忆8 小时前
【前端架构和框架】react组件化&数据流
前端·面试
zhangzelin8888 小时前
TypeScript入门指南:JavaScript的类型化超集
前端·javascript·其他·typescript
lichenyang4538 小时前
流式聊天界面实现解析:从零到一构建实时对话体验
前端
天蓝色的鱼鱼8 小时前
Turbopack vs Webpack vs Vite:前端构建工具三分天下,谁将胜出?
前端·webpack
软件技术NINI8 小时前
html css js网页制作成品——化妆品html+css+js (7页)附源码
javascript·css·html
用户841794814568 小时前
vxe-table 实现列头授权自定义插槽模板,自定义输入框
前端