SCSS (Sass): select ボックスのカスタマイズ

<select>
  <option value="">テスト1</option>
  <option value="" selected>テスト2</option>
  <option value="">テスト3</option>
  <option value="">テスト4</option>
  <option value="">テスト5</option>
  <option value="">テスト6</option>
</select>
/* セレクトボックス */
select {
    cursor: pointer;
    border: none;
    width: 80px;
    display: inline-block;
    color: #555555;
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 10px;
    font-size: 14px;
    vertical-align: baseline;
    
    -webkit-appearance:button;
    -moz-appearance:button;
    appearance:button;
    background: #71bcb6 url(arrow_down.png) no-repeat;
    background-size:20px 30px;
    background-position: right center;
}