wrote a simple h5 page, just a select,
select{
font-size: inherit;
color: inherit;
font-style: inherit;
font-weight: inherit;
border: none;
text-decoration: inherit;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
box-shadow: none;
outline: none;
padding: inherit;
margin: inherit;
background: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
<select class="no-style" style="font-size: 30px">
<option value="123">123</option>
</select>
Why is there still a background color and how to remove it?