title: Backround colour of search bar changes after choosing suggestions
body: <p>I want to remove the white color totally.</p>
  
  <p>Before selecting the suggestions</p>
  
  <p><a href="https://i.stack.imgur.com/vMvOo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vMvOo.png" alt="enter image description here"></a></p>
  
  <p>After choosing one of the suggestions</p>
  
  <p><a href="https://i.stack.imgur.com/mX62n.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mX62n.png" alt="enter image description here"></a></p>
  
  <pre><code>input[type="search"] {
    -webkit-appearance: none !important;
    background-clip: padding-box;
    background-color: black;
    vertical-align: middle;
    border-radius: 2rem;
    border: 2px solid #1de9b6;
    font-size: 1rem;
    width: 100%;
    line-height: 2;
    padding: 0.375rem 1.25rem;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
    color: white;
  }
  </code></pre>
  
  <pre><code>input[type="search"]:focus {
    transition: all 0.5s;
    box-shadow: 0 0 20px #00a2ff;
    /* border-color: #f9d342; */
    outline: none;
  }
  </code></pre>