样式重置 |
您所在的位置:网站首页 › bose900重置 › 样式重置 |
浏览器样式重置 UnoCSS 默认情况下不提供样式重置或预检以实现最大灵活性,并且不会填充全局 CSS。如果您将 UnoCSS 与其他 CSS 框架一起使用,它们可能已经为您完成了重置。如果您单独使用 UnoCSS,则可以使用 Normalize.css等重置库。 我们还为您提供了一些快速选择的样式重置: 安装 bashpnpm add @unocss/resetpnpm add @unocss/resetbashyarn add @unocss/resetyarn add @unocss/resetbashnpm install @unocss/resetnpm install @unocss/resetUsage 您可以在 main.js 中添加以下任意一个重置样式表。 normalize.css 来源: https://github.com/csstools/normalize.css tsimport '@unocss/reset/normalize.css'import '@unocss/reset/normalize.css'sanitize.css 来源: https://github.com/csstools/sanitize.css tsimport '@unocss/reset/sanitize/sanitize.css' import '@unocss/reset/sanitize/assets.css'import '@unocss/reset/sanitize/sanitize.css' import '@unocss/reset/sanitize/assets.css'Eric Meyer 来源: https://meyerweb.com/eric/tools/css/reset/index.html tsimport '@unocss/reset/eric-meyer.css'import '@unocss/reset/eric-meyer.css'Tailwind tsimport '@unocss/reset/tailwind.css'import '@unocss/reset/tailwind.css'Tailwind compat tsimport '@unocss/reset/tailwind-compat.css'import '@unocss/reset/tailwind-compat.css'这个样式表基于 Tailwind reset,只是去除了按钮的背景颜色覆盖,以避免与 UI 框架发生冲突。请参阅链接的问题 #2127.。 cssbutton, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ }button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ }cssbutton, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ /*background-color: transparent; !* 2 *!*/ background-image: none; /* 2 */ }button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ /*background-color: transparent; !* 2 *!*/ background-image: none; /* 2 */ } |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |