我在我的gatsby网站上使用<样式化的组件>,除了一个细节外,其他所有东西都工作正常:“ gatsby服务”后,边界半径未应用于Img。有什么想法吗?
const Headshot = styled(Img)`
box-shadow: 0 0.7em 1em 0 rgba(0,0,0,.3);
margin: 0 auto;
border-radius:100%;
`
当检查“ gatsby开发”上的img时显示:
.gttwKy {
box-shadow: 0 0.7em 1em 0 rgba(0,0,0,.3);
margin: 0 auto;
border-radius: 100%;
}
当检查“盖茨比发球”上的img时显示:
.lnclJt {
box-shadow: rgba(0, 0, 0, 0.3) 0px 0.7em 1em 0px;
margin: 0px auto;
}
谢谢!