如何在不使用自定義圖像箭頭的情況下自定義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

這是一個很好的例子

您幾乎正在使用：

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

並在select元素上創建background-image