Search code examples
reactjstypescriptmaterial-uireact-hookstsx

How to change text color in TextField?

How can I change the text color in the value in TextField to red?

I have tried help I found on the internet, but it doesn't work, I am thinking that maybe it is because I am using Typescript, I am new to Typescript.

  • Any help is appreciated!
import React, { useEffect, useState } from 'react';
import { TextField } from '@material-ui/core';

<TextField label="Date" value={object.date} fullWidth />
Solution

  • You can set the color property in the style of the input component.

    <TextField inputProps={{ style: { color: "red" } }} />