反应样式组件 - 渐变

时间:2017-11-01 17:12:12

标签: javascript css reactjs styled-components

如何将css渐变添加到样式化组件?

SELECT * 
FROM table1 a
WHERE  
    Column2 = Column1 --(select column2 from table1 where column1=a.column1)
    AND  Column2 IN (SELECT distinct mastercolumn2 from mastertable) --in(select distinct mastercolumn2 from mastertable)

1 个答案:

答案 0 :(得分:0)

样式化组件中的渐变与常规CSS中的渐变相同,但您的渐变语法似乎无效 - 例如许多年前的cover关键字was only in early browser implementations。试试这个:

background: radial-gradient(circle at center, red 0, blue 100%);

在MDN上阅读Using radial gradients了解更多详情。

此外,DevTools(右键单击> inspect元素)会告诉您样式有什么问题:

enter image description here