小编Tri*_*ing的帖子

gatsby-image-plugin、StaticImage 无法覆盖默认的包装样式(gatsby-image-wrapper & gatsby-image-wrapper-constrained 样式)

我将 GatsbyJS 与 TailwindCSS 一起使用,当我尝试将 tailwind 样式从 gatsby-image-plugin 传递到 StaticImage 的包装器中时,现有样式不会被覆盖(即 gatsby-image-wrapper 和 gatsby-image-wrapper-constrained 样式) )。

<StaticImage src="https://images.pexels.com/photos/189349/pexels-photo-189349.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="just an image" placeholder="blurred" className="absolute z-0" objectFit="cover" />
Run Code Online (Sandbox Code Playgroud)

包装样式

包装器的位置保持不变(gatsby-image-wrapper 和 gatsby-image-wrapper-constrained),而传递到组件中的一些类将被忽略。

有什么方法可以删除默认样式,或者有任何其他方法可以让传递的类正常工作吗?

gatsby gatsby-image

6
推荐指数
1
解决办法
2909
查看次数

标签 统计

gatsby ×1

gatsby-image ×1