I want to change the color of InputAdornment of following MUI Select component created by TextField to blue. The InputAdornment acts as a placeholder.

const [country, setCountry] = useState("")

<TextField
    select
    InputProps={{
        startAdornment: !country && <InputAdornment position='start'>'-- Select --' </InputAdornment>,
    }}
    value={country}
    onChange={e => setCountry(e.target.value)}
>
    <MenuItem value='US'>America</MenuItem>
    <MenuItem value='CA'>Canada</MenuItem>
    <MenuItem value='JP'>Japan</MenuItem>
</TextField>

I’ve tried to add sx={{ color: 'blue' }} prop to InputAdornment but it didn’t work. Then I’ve tried to add the prop to TextField but it didn’t work neither.

Could someone please let me know how to solve the problem?