如何在不使用自定义图像箭头的情况下自定义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