CSS实现select样式

今天做的任务是写一个自适应的表单提交页面，要在移动端和PC端都使用，而且要浏览器兼容。在页面布局的时候遇到的问题是，我用的select下拉框，但是firefox和chrome的下拉框是不一样的，于是就想要自己重写一下。代码如下：

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #b6b6b6;
  border-radius: 2px;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(../images/arrow.png) no-repeat scroll right center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 2em;
}