How can I customize the appearance of this material-ui autocomplete textfield (combobox) by changing the background color, font color, and border color using CSS? Here is what I have attempted so far:
<Autocomplete
disablePortal
id="combo-box-demo"
options={clients}
className="test"
renderInput={(params) => <TextField {...params} label="Movie" />}
/>
My CSS class:
.test {
.MuiAutocomplete-listbox {
color: red;
}
}
https://i.sstatic.net/QS3hG.png