title: Styled component warning on Select element
body: <p>Im creating a dropdown component using Styled Components, and in getting this warning in the first line of my tsx file</p>
  <pre><code>import styled from &quot;styled-components&quot;;
  </code></pre>
  <p><strong>Warning:</strong></p>
  <p><em>Select element must have an accessible name: Element has no title attribute Microsoft Edge Toolsaxe/forms</em></p>
  <p><strong>Current code</strong></p>
  <pre><code>import styled from &quot;styled-components&quot;;
  
  const customDropDown = () =&gt; {
      return (
          &lt;&gt;
              &lt;label htmlFor=&quot;cars&quot;&gt;Choose a car:&lt;/label&gt;
              &lt;DDList name=&quot;cars&quot; id=&quot;cars&quot; aria-label=&quot;Dropdown&quot;&gt;
                  &lt;option value=&quot;ss&quot;&gt;Car 1&lt;/option&gt;
                  &lt;option value=&quot;ss&quot;&gt;Car 2&lt;/option&gt;
                  &lt;option value=&quot;ss&quot;&gt;Car 3&lt;/option&gt;
              &lt;/DDList&gt;
          &lt;/&gt;
      );
  };
  
  export default customDropDown;
  
  const DDList = styled.select``;
  
  </code></pre>