使用unocss定义 border样式时,无法限制边框的问题。

直接使用tailwindcss ,class="border" 没问题,但是使用 unocss时,之定义class="border"却没有效果,是为什么呢?

经过探究,是因为没有开启默认样式注入

 

nuxtjs:

['@unocss/nuxt', {preflight:true}],

 

astrojs:

UnoCSS({
      injectReset: true 
}),

而要开启这个选项,还需要安装一下reset

npm install -D @unocss/reset

这样就能够正常显示border了

参考资料:UnoCSS Astro Integration

posted @ 2024-10-29 14:28  alpiny  阅读(355)  评论(0)    收藏  举报