カスタマイズされたイメージ矢印を使用せずにhtmlでselectのドロップダウンボタンのスタイルをカスタマイズする方法は？

Question

.size-box { 
 
    margin-top: -6px; 
 
    width: 91px; 
 
    height: 31px; 
 
    border: 1px solid black; 
 
    padding-left: 10px; 
 
    font-family: 'Metropolis-Medium'; 
 
}

<select class="size-box"> 
 
    <option >7</option> 
 
    <option >8</option> 
 
    <option >9</option> 
 
    <option >10</option> 
 
</select>

私は絵に囲まれたボタンのスタイルを設定したい、その背景は黒になり、それがよりフラットになります。しかし、デザインを編集するときはいつでも、選択ボタンには影響しません。あなたは私にCSSだけを使ってそれをする方法をアドバイスしてもらえますか？

Answer 1

Here's a great example of how this can be done

あなたはかなり使っている：

-webkit-appearance: value; 
-moz-appearance: value; 
appearance:   value; 

そして多分これが役立ちますselect要素