Soy nuevo en React y uso componentes mui.
Mientras intento establecer el color en el componente TextareaAutosize mui con un código como este:
import * as React from 'react'; import TextareaAutosize from '@mui/material/TextareaAutosize'; import { blue } from '@mui/material/colors'; export default function EmptyTextarea() { return ( <TextareaAutosize aria-label="empty textarea" placeholder="Empty" style={{ width: 200, color: blue, background: blue}} //Also not works: color="{blue}" /> ); }
el color del componente no cambia.
¡Muchas gracias!
<TextareaAutosize />
representa un HTMLTextAreaElement simple.
Lo que significa que este CSS funcionará:
textarea { background-color: #222; color: #BADA55; }
Demostración de trabajo: https://codesandbox.io/s/maxheighttextarea-material-demo-forked-5hc8nv?file=/index.css
Si desea aplicar el CSS a su instancia en particular, asígnele una id
y utilícela en el selector de CSS.