是否可以使用CSS将下拉选择箭头设置为不同于整个框?

时间:2015-01-08 15:44:50

标签: html css css3 xhtml

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

我正在努力实现:

http://i.stack.imgur.com/VBjpp.png

到目前为止,我已经:

的CSS:

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

HTML:

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

这给了我:

http://i.stack.imgur.com/Xj8yF.png

但是我似乎无法找到改变箭头背后颜色的方法?任何人都有任何建议会很棒!感谢

0 个答案:

没有答案