Stylize выберите выпадающий тег

Question

Я стилизации отборный тег и мне интересно, если я могу взять пространство справа, где стрелки

http://codepen.io/anon/pen/Pqwpdm

<header class="navbar"> 
    <div class="navbar__container"> 
    <select class="navbar__select"> 
     <option class="navbar__option">Janeiro, 2015</option> 
     <option class="navbar__option">Fevereiro, 2015</option> 
     <option class="navbar__option">Março, 2015</option> 
     <option class="navbar__option">Abril, 2015</option> 
     <option class="navbar__option">Maio, 2015</option> 
     <option class="navbar__option">Junho, 2015</option> 
     <option class="navbar__option">Julho, 2015</option> 
     <option class="navbar__option">Agosto, 2015</option> 
     <option class="navbar__option">Setembro, 2015</option> 
     <option class="navbar__option">Outubro, 2015</option> 
     <option class="navbar__option">Novembro, 2015</option> 
     <option class="navbar__option">Dezembro, 2015</option> 
    </select> 
    </div> 
</header> 


.navbar__select { 
    float: right; 
    background: #C9D3DD; 
    font-size: 17px; 
    border: 0; 
    border-radius: 0; 
    -webkit-appearance: none; 
    padding: 5px; 
} 

Спасибо! :).

Answer 1

Этот вопрос has already been asked.

Чтобы резюмировать:

• Используйте -moz-appearance: none отключить стрелку раскрывающегося списка в Firefox
• Используйте -webkit-appearance: none отключить стрелку раскрывающегося списка в Webkit-браузерах (например, Google Chrome)
• Набор display: none на классе psudo, доступном для стрелки раскрывающегося списка в Internet Explorer: ::-ms-expand