Reactjs Ant Design v4卡式boxShadow

Reactjs Ant Design v4卡式boxShadow,reactjs,antd,Reactjs,Antd,我想更改卡片样式: boxShadow:[0,8,24,rgba208,216,243,0.6] 但是,它显示警告,因为未定义rgba 如何将样式分配给boxShadow,它比其他CSS项具有更多属性 boxShadow同时获得阴影边框和rgba颜色 卡片样式={ 宽度:360, 身高:192, 边界半径:16, marginRight:24, boxShadow:[0,8,24,rgba208,216,243,0.6] }样式道具的值必须是字符串,并附加px。这将有助于: const card

我想更改卡片样式:

boxShadow:[0,8,24,rgba208,216,243,0.6]

但是,它显示警告,因为未定义rgba

如何将样式分配给boxShadow,它比其他CSS项具有更多属性

boxShadow同时获得阴影边框和rgba颜色

卡片样式={ 宽度:360, 身高:192, 边界半径:16, marginRight:24, boxShadow:[0,8,24,rgba208,216,243,0.6]
}

样式道具的值必须是字符串,并附加px。这将有助于:

const cardStyle = { 
    width: "360px", 
    height: "192px", 
    borderRadius: "16px", 
    marginRight: "24px", 
    boxShadow: "5px 8px 24px 5px rgba(208, 216, 243, 0.6)" 
 }

样式道具的值必须是字符串,并附加px。这将有助于:

const cardStyle = { 
    width: "360px", 
    height: "192px", 
    borderRadius: "16px", 
    marginRight: "24px", 
    boxShadow: "5px 8px 24px 5px rgba(208, 216, 243, 0.6)" 
 }