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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
赵谨言2 小时前
基于C#的在线编码与自动化测试全栈Web平台的设计与实现
开发语言·前端·c#
Raink老师2 小时前
【AI面试临阵磨枪-98】前端如何展示多模态流式输出:文字打字机 + 图片渐进 + 音频播放?
前端·人工智能·面试
AI_零食2 小时前
奶茶大数据运维表 - 鸿蒙PC Electron框架技术实现详解
运维·前端·华为·electron·开源·harmonyos·鸿蒙
小雨下雨的雨2 小时前
鸿蒙PC Electron框架实现流体气泡模拟器
前端·人工智能·算法·华为·electron·鸿蒙
ZC跨境爬虫2 小时前
跟着 MDN 学JavaScript day_4:如何存储你需要的信息——变量
开发语言·前端·javascript·ui·ecmascript
星栈独行2 小时前
10 分钟跑起第一个 Makepad 应用:先把窗口开起来
前端·程序人生·ui·rust·开源·github
独隅2 小时前
Chrome插件开发实战详细指南
前端·chrome
VcB之殇2 小时前
[Three.js] 实现两个3D模型之间的粒子化切换
前端·javascript·three.js
喵了几个咪2 小时前
技术复盘:基于 GoWind Admin 实现 Kratos 框架单体轻量化落地
前端·架构
ZC跨境爬虫2 小时前
跟着 MDN 学JavaScript day_6:JavaScript 中的基础数学——数字与运算符
开发语言·前端·javascript·学习·ecmascript