如何选择风格与样式组件reactjs选项

Question

我有选择选项造型的问题。我可以更改背景和文本颜色，但是可以更改下拉菜单的大小。也许有人可以告诉我我做错了什么？

我的选择

<Select>
    <option value="" hidden>Type</option>
    <option value="1">Audi</option>
    <option value="2">BMW</option>
    <option value="3">Citroen</option>
    <option value="4">Ford</option>
 </Select>

我的样式组件：

const Select = styled.select`
  width: 100%;
  height:35px;
  background: white;
  color: gray;
  padding-left: 5px;
  font-size: 14px;
  border:none;
  margin-left: 10px;

       option {
         color: black;
         background: white;
         font-weight: small;
         display: flex;
         white-space: pre;
         min-height: 20px;
         padding: 0px 2px 1px;
       }
`;

我的选择如下所示：