Html 是否可以使用CSS为下拉选择箭头设置不同于整个框的样式？

只是想知道是否有人知道是否有可能仅仅使用CSS改变html选择框箭头的背景颜色

我正在努力实现：

到目前为止，我已经：

css:

html:

值1
价值2
价值3

这给了我：

然而，我似乎找不到一种方法来改变箭头背后的背景颜色？任何人都可以得到任何建议，这将是伟大的！谢谢

，可能重复的可能重复的

.sort-by select {
width:100px;
border:0px;
background-color:#f4f4f4;
color:#303030;
padding:5px;
}

<select title="Sort By">
<option value="" selected="selected">Value 1</option>
<option value="">Value 2</option>
<option value="">Value 3</option>
</select>