Me preguntaba si es posible cambiar el color del texto en Antd. Por ejemplo, me gustaría que este botón tuviera el color del texto negro #000000 y el ícono DownloadOutlined delineado en púrpura #5e46a1
Mi código
const App = () => { return ( <Button type="primary"> <DownloadOutlined/> My Button </Button> ); }; No he podido encontrar los atributos CSS correctos para inyectar con estilo dentro de DownloadOutlined
Gracias
const App = () => { return ( <Button> <DownloadOutlined style={{color:"purple"}}/> <span style={{ color: "black" }}>My Button</span> </Button> ); };Su código html se convertiría en:
const App = () => { return ( <Button type="primary" className="custom_btn"> <DownloadOutlined className="custom_btn_icon"/> My Button </Button> ); };y tu código css sería:
.custom_btn { color: #00000 !important; } .custom_btn_icon { color: #5e46a1 !important; } No olvide usar !important para anular el estilo predeterminado de antd.
Prueba esto:
const App = () => { return ( <Button type="primary" style={{color: "black"}}> <DownloadOutlined style={{color: "purple"}} /> My Button </Button> ); };