如何修改select右边小三角的样式

前几日给客户做手机页面遇到如下问题：

这是在火狐里看的样子，边框加了圆角，右边的小三角看起来格格不入，但select里面没有有关该三角的代码，如何修改它的样式？

第一：清除默认的select选择框样式，代码如下：

第二：选择一张你喜欢的图片来提示点击下拉。

background: url(../images/inputimg.jpg) no-repeat right; 

如果外边框加了圆角，还要注意图片的位置或形状，或者直接加隐藏溢出。

第三：如果是自适应页面，要注意不要被文字覆盖，加上如下代码即可：

padding-right: 14px; 

14px代表的是图片的宽度，这样的话，文字就不会盖住图片。