React 样式组件 - 渐变
React Styled Components - Gradient
如何向样式组件添加 css 渐变？
background: radial-gradient(50% 50%, circle cover, red 0, blue 100%);
styled-components 中的渐变与常规组件中的渐变相同 CSS，但您的渐变语法似乎无效 – 例如许多年前的 cover 关键字 was only in early browser implementations。试试这个：
background: radial-gradient(circle at center, red 0, blue 100%);
阅读 MDN 上的 Using radial gradients 了解更多详细信息。
此外，DevTools（右键单击 > 检查元素）会在您的样式出现问题时告诉您：
如何向样式组件添加 css 渐变？
background: radial-gradient(50% 50%, circle cover, red 0, blue 100%);
styled-components 中的渐变与常规组件中的渐变相同 CSS，但您的渐变语法似乎无效 – 例如许多年前的 cover 关键字 was only in early browser implementations。试试这个：
background: radial-gradient(circle at center, red 0, blue 100%);
阅读 MDN 上的 Using radial gradients 了解更多详细信息。
此外，DevTools（右键单击 > 检查元素）会在您的样式出现问题时告诉您：