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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
一只猫的梦25 分钟前
AI 适配器架构
前端·chrome
谭光志37 分钟前
AI 是怎么操作浏览器的——browser use 实现原理
前端·javascript·ai编程
weixin_4713830340 分钟前
args,...args与Parameters<T>
开发语言·前端
一tiao咸鱼1 小时前
前端转 agent # 03 - Pydantic v2 数据校验深入
前端·后端
Cobyte2 小时前
23.Vue Vapor 组件 attrs 的实现
前端·javascript·vue.js
前端H2 小时前
生成式 UI 实战:AI 如何重塑前端界面
前端·人工智能·ui
懂懂tty2 小时前
Web前端性能指标
前端
绝世唐门三哥3 小时前
vue3中页面返回时刷新首页的处理方案
开发语言·前端·javascript
东方小月3 小时前
agent-skills:把资深工程师的‘工作流’,装进你的AI编程里
前端·架构·代码规范
Maynor9963 小时前
AI Coding 零基础实战教程|第五部分:完整项目案例实操
java·前端·人工智能·claude code·ai coding