修改select的默认样式

---------------------HTML------------------------

<div id="parent">

  <select>

      <option>what</option>

      <option>the</option>

      <option>hell</option>

  </select>

</div>

----------------------CSS------------------------

#parent{

    background: url('http://ourjs.github.io/static/2015/arrow.png') right center no-repeat; 

   /* the width and the height of your image */

    width: 100px;

    height: 30px;

    overflow: hidden;

    border: solid 1px #ccc;

}

#parent select{

    -webkit-appearance:none;

    -moz-appearance:none;

    appearance:none;

    background:transparent;

    border:none;

    padding-left:10px;

    width: 120px;

    height:100%;    

}

----------------------效果-------------------------