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

关闭 Preflight 默认样式

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

关键点

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

更多请参考

preflight

相关推荐
夜郎king7 小时前
湖南高考天气查询:基于 HTML5 与百度天气 API 实现页面展示
前端·html5·百度天气实践·天气信息可视化
云水一下14 小时前
TypeScript 从零基础到精通(五):高级类型与泛型
前端·javascript·typescript
counterxing14 小时前
vibe coding 之后,我更不想打字了
前端·agent·ai编程
copyer_xyf14 小时前
Python 模块与包的导入导出
前端·后端·python
研☆香14 小时前
es6新特性功能介绍(四)
前端·ecmascript·es6
微扬嘴角14 小时前
React篇1--JSX语法规则、组件、组件实例的3大特性
前端·react.js·前端框架
copyer_xyf15 小时前
Python venv 虚拟环境
前端·后端·python
无聊的老谢15 小时前
Vue 3 + TypeScript 构建大型电信运维平台的前端架构设计
前端·vue.js·typescript
xiaofeichaichai15 小时前
Map / Set / WeakMap / WeakSet
前端·javascript
李可以量化15 小时前
成交量的终极量化策略:价量共振指标完整实现(下篇)
前端·数据库·人工智能