怎么用纯css改变select的样式

转载：http://uplifted.net/programming/change-default-select-dropdown-style-just-css/

其实，主要是css3的一个新属性appearance的作用，关于appearance可以看下面这个链接：

http://css.doyoe.com/

 这是我在一个项目中做的

<pre name="code" class="css">.mn2_2_select1,.mn2_2_select2 {
	height:22px;
	padding-left:5px;
      border: 1px solid #dadada;   /*Removes border*/
	  appearance:none;
      -webkit-appearance: none;  /*Removes default chrome and safari style*/
      -moz-appearance: none; /* Removes Default Firefox style*/
      background:url(../images/mn2_down_arrow.png) no-repeat;  /*Adds background-image*/
      background-position: right center;  /*Position of the background-image*/
      text-indent: 0.01px;  /*Removes default arrow from firefox*/
      text-overflow: "";  /*Removes default arrow from firefox*/  
}
select::-ms-expand { display:none; }