title: How to change Material-UI TextField InputAdornment background color?
body: <p><strong>First 10% one background color ,another 90% another background color.</strong></p>
  <pre><code>&lt;TextField
    className={classes.root}                  
    type=&quot;text&quot;
    placeholder=&quot;username&quot;
    variant=&quot;outlined&quot;
    style={{borderRadius:'50',
      backgroundColor: &quot;white&quot;
    }}
    InputProps={{
      startAdornment: (
        &lt;InputAdornment position=&quot;start&quot;&gt;
          &lt;PersonIcon /&gt;
        &lt;/InputAdornment&gt;
      )
    }}
  /&gt;
  </code></pre>
  <p>I attach demo textfield in below</p>
  <p><a href="https://i.stack.imgur.com/4yBXW.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4yBXW.jpg" alt="enter image description here" /></a></p>