title: How to remove the arrows icons from a Material UI TextField
body: <p>I need to remove the right icons that are the up and down arrows from a Material UI TextField that I modified from the Material UI documentations (<a href="https://material-ui.com/components/autocomplete/#autocomplete" rel="nofollow noreferrer">https://material-ui.com/components/autocomplete/#autocomplete</a>) Highlights section.</p>
  <p>I tried some solutions from stack overflow like (<a href="https://stackoverflow.com/questions/56101519/remove-the-arrow-and-cross-that-appears-for-textfield-type-time-material-ui-re">Remove the arrow and cross that appears for TextField type=“time” material-ui React</a>) and (<a href="https://stackoverflow.com/questions/56101519/remove-the-arrow-and-cross-that-appears-for-textfield-type-time-material-ui-re">Remove the arrow and cross that appears for TextField type=“time” material-ui React</a>) but they didn't work and, I ended up with the following code:</p>
  <p>App.js:</p>
  <pre><code>import React from &quot;react&quot;;
  import &quot;./styles.css&quot;;
  import { makeStyles } from &quot;@material-ui/core/styles&quot;;
  import Autocomplete from &quot;@material-ui/lab/Autocomplete&quot;;
  import parse from &quot;autosuggest-highlight/parse&quot;;
  import match from &quot;autosuggest-highlight/match&quot;;
  import { InputAdornment, TextField } from &quot;@material-ui/core&quot;;
  import SearchIcon from &quot;@material-ui/icons/Search&quot;;
  
  const useStyles = makeStyles(() =&gt; ({
    noBorder: {
      border: &quot;none&quot;
    }
  }));
  
  export default function Highlights() {
    const classes = useStyles();
  
    return (
      &lt;Autocomplete
        style={{ width: 300 }}
        options={top100Films}
        getOptionLabel={(option) =&gt; option.title}
        renderInput={(params) =&gt; (
          &lt;TextField
            {...params}
            variant=&quot;outlined&quot;
            margin=&quot;normal&quot;
            required
            fullWidth
            autoFocus
            classes={{ notchedOutline: classes.input }}
            // onChange={handlePhoneNumberChange}
            placeholder=&quot;Search...&quot;
            type=&quot;search&quot;
            InputProps={{
              ...params.InputProps,
              startAdornment: (
                &lt;InputAdornment position=&quot;start&quot;&gt;
                  &lt;SearchIcon /&gt;
                &lt;/InputAdornment&gt;
              ),
              classes: { notchedOutline: classes.noBorder }
            }}
          /&gt;
        )}
        renderOption={(option, { inputValue }) =&gt; {
          const matches = match(option.title, inputValue);
          const parts = parse(option.title, matches);
  
          return (
            &lt;div&gt;
              {parts.map((part, index) =&gt; (
                &lt;span
                  key={index}
                  style={{ fontWeight: part.highlight ? 700 : 400 }}
                &gt;
                  {part.text}
                &lt;/span&gt;
              ))}
            &lt;/div&gt;
          );
        }}
      /&gt;
    );
  }
  
  // Top 100 films as rated by IMDb users. http://www.imdb.com/chart/top
  const top100Films = [
    { title: &quot;The Shawshank Redemption&quot;, year: 1994 },
    { title: &quot;The Godfather&quot;, year: 1972 },
    { title: &quot;The Godfather: Part II&quot;, year: 1974 },
    { title: &quot;The Dark Knight&quot;, year: 2008 },
    { title: &quot;12 Angry Men&quot;, year: 1957 },
    { title: &quot;Schindler's List&quot;, year: 1993 },
    { title: &quot;Pulp Fiction&quot;, year: 1994 },
    { title: &quot;The Lord of the Rings: The Return of the King&quot;, year: 2003 },
    { title: &quot;The Good, the Bad and the Ugly&quot;, year: 1966 },
    { title: &quot;Fight Club&quot;, year: 1999 },
    { title: &quot;The Lord of the Rings: The Fellowship of the Ring&quot;, year: 2001 },
    { title: &quot;Star Wars: Episode V - The Empire Strikes Back&quot;, year: 1980 },
    { title: &quot;Forrest Gump&quot;, year: 1994 },
    { title: &quot;Inception&quot;, year: 2010 },
    { title: &quot;The Lord of the Rings: The Two Towers&quot;, year: 2002 },
    { title: &quot;One Flew Over the Cuckoo's Nest&quot;, year: 1975 },
    { title: &quot;Goodfellas&quot;, year: 1990 },
    { title: &quot;The Matrix&quot;, year: 1999 },
    { title: &quot;Seven Samurai&quot;, year: 1954 },
    { title: &quot;Star Wars: Episode IV - A New Hope&quot;, year: 1977 },
    { title: &quot;City of God&quot;, year: 2002 },
    { title: &quot;Se7en&quot;, year: 1995 },
    { title: &quot;The Silence of the Lambs&quot;, year: 1991 },
    { title: &quot;It's a Wonderful Life&quot;, year: 1946 },
    { title: &quot;Life Is Beautiful&quot;, year: 1997 },
    { title: &quot;The Usual Suspects&quot;, year: 1995 },
    { title: &quot;Léon: The Professional&quot;, year: 1994 },
    { title: &quot;Spirited Away&quot;, year: 2001 },
    { title: &quot;Saving Private Ryan&quot;, year: 1998 },
    { title: &quot;Once Upon a Time in the West&quot;, year: 1968 },
    { title: &quot;American History X&quot;, year: 1998 },
    { title: &quot;Interstellar&quot;, year: 2014 },
    { title: &quot;Casablanca&quot;, year: 1942 },
    { title: &quot;City Lights&quot;, year: 1931 },
    { title: &quot;Psycho&quot;, year: 1960 },
    { title: &quot;The Green Mile&quot;, year: 1999 },
    { title: &quot;The Intouchables&quot;, year: 2011 },
    { title: &quot;Modern Times&quot;, year: 1936 },
    { title: &quot;Raiders of the Lost Ark&quot;, year: 1981 },
    { title: &quot;Rear Window&quot;, year: 1954 },
    { title: &quot;The Pianist&quot;, year: 2002 },
    { title: &quot;The Departed&quot;, year: 2006 },
    { title: &quot;Terminator 2: Judgment Day&quot;, year: 1991 },
    { title: &quot;Back to the Future&quot;, year: 1985 },
    { title: &quot;Whiplash&quot;, year: 2014 },
    { title: &quot;Gladiator&quot;, year: 2000 },
    { title: &quot;Memento&quot;, year: 2000 },
    { title: &quot;The Prestige&quot;, year: 2006 },
    { title: &quot;The Lion King&quot;, year: 1994 },
    { title: &quot;Apocalypse Now&quot;, year: 1979 },
    { title: &quot;Alien&quot;, year: 1979 },
    { title: &quot;Sunset Boulevard&quot;, year: 1950 },
    {
      title:
        &quot;Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb&quot;,
      year: 1964
    },
    { title: &quot;The Great Dictator&quot;, year: 1940 },
    { title: &quot;Cinema Paradiso&quot;, year: 1988 },
    { title: &quot;The Lives of Others&quot;, year: 2006 },
    { title: &quot;Grave of the Fireflies&quot;, year: 1988 },
    { title: &quot;Paths of Glory&quot;, year: 1957 },
    { title: &quot;Django Unchained&quot;, year: 2012 },
    { title: &quot;The Shining&quot;, year: 1980 },
    { title: &quot;WALL·E&quot;, year: 2008 },
    { title: &quot;American Beauty&quot;, year: 1999 },
    { title: &quot;The Dark Knight Rises&quot;, year: 2012 },
    { title: &quot;Princess Mononoke&quot;, year: 1997 },
    { title: &quot;Aliens&quot;, year: 1986 },
    { title: &quot;Oldboy&quot;, year: 2003 },
    { title: &quot;Once Upon a Time in America&quot;, year: 1984 },
    { title: &quot;Witness for the Prosecution&quot;, year: 1957 },
    { title: &quot;Das Boot&quot;, year: 1981 },
    { title: &quot;Citizen Kane&quot;, year: 1941 },
    { title: &quot;North by Northwest&quot;, year: 1959 },
    { title: &quot;Vertigo&quot;, year: 1958 },
    { title: &quot;Star Wars: Episode VI - Return of the Jedi&quot;, year: 1983 },
    { title: &quot;Reservoir Dogs&quot;, year: 1992 },
    { title: &quot;Braveheart&quot;, year: 1995 },
    { title: &quot;M&quot;, year: 1931 },
    { title: &quot;Requiem for a Dream&quot;, year: 2000 },
    { title: &quot;Amélie&quot;, year: 2001 },
    { title: &quot;A Clockwork Orange&quot;, year: 1971 },
    { title: &quot;Like Stars on Earth&quot;, year: 2007 },
    { title: &quot;Taxi Driver&quot;, year: 1976 },
    { title: &quot;Lawrence of Arabia&quot;, year: 1962 },
    { title: &quot;Double Indemnity&quot;, year: 1944 },
    { title: &quot;Eternal Sunshine of the Spotless Mind&quot;, year: 2004 },
    { title: &quot;Amadeus&quot;, year: 1984 },
    { title: &quot;To Kill a Mockingbird&quot;, year: 1962 },
    { title: &quot;Toy Story 3&quot;, year: 2010 },
    { title: &quot;Logan&quot;, year: 2017 },
    { title: &quot;Full Metal Jacket&quot;, year: 1987 },
    { title: &quot;Dangal&quot;, year: 2016 },
    { title: &quot;The Sting&quot;, year: 1973 },
    { title: &quot;2001: A Space Odyssey&quot;, year: 1968 },
    { title: &quot;Singin' in the Rain&quot;, year: 1952 },
    { title: &quot;Toy Story&quot;, year: 1995 },
    { title: &quot;Bicycle Thieves&quot;, year: 1948 },
    { title: &quot;The Kid&quot;, year: 1921 },
    { title: &quot;Inglourious Basterds&quot;, year: 2009 },
    { title: &quot;Snatch&quot;, year: 2000 },
    { title: &quot;3 Idiots&quot;, year: 2009 },
    { title: &quot;Monty Python and the Holy Grail&quot;, year: 1975 }
  ];
  </code></pre>
  <p>styles.css:</p>
  <pre><code>.App {
    font-family: sans-serif;
    text-align: center;
  }
  
  /* Chrome, Safari, Edge, Opera */
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  /* Firefox */
  input[type=&quot;search&quot;] {
    -moz-appearance: textfield;
  }
  
  /* remove outsideof arrows button */
  input[type=&quot;search&quot;]::-webkit-outside-spin-button {
    display: none;
  }
  </code></pre>