79512183

Date: 2025-03-16 06:15:57
Score: 0.5
Natty:
Report link

I think you need to apply styles targeting TextField as well. According your screenshot thats the missing part.

...

renderInput={(params) => (
    <TextField
    {...params}
    label="Movie"
    slotProps={{
        inputLabel: { style: { color: "black" } },
    }}
    sx={{
        "& .MuiOutlinedInput-root": {
        color: "black",
        "& fieldset": { borderColor: "black" },
        "&:hover fieldset": { borderColor: "black" },
        "&.Mui-focused fieldset": { borderColor: "black" },
        },
    }}
    />
)}

...

enter image description here

Reasons:
  • Probably link only (1):
  • Long answer (-0.5):
  • Has code block (-0.5):
  • Low reputation (0.5):
Posted by: Shashika Silva