Выберите окно CSS форматирование

Question

Моя форма от рубина на рельсы учебник Майкл Hartl, но я добавил в collection_select и это выглядит своего рода тупой:

CSS-для создания полей ввода является

input, textarea, select, .uneditable-input { 
    border: 1px solid #bbb; 
    width: 100%; 
    margin-bottom: 15px; 
    @include box_sizing; 
} 

input { 
    height: auto !important; 
} 

Это также единственный экземпляр select, который появляется в моем CSS. Я попытался добавить выделение ко второму входному блоку, но это ничего не изменило. Код для этих 3 коробков являются

<%= f.label :email %> 
<%= f.email_field :email, class: 'form-control' %> 

<%= f.label :unit %> 
<%= f.collection_select :unit, @units, :id, :name, prompt: true %> 

<%= f.label :phone %> 
<%= f.text_field :phone, class: 'form-control' %> 

и HTML производится моей формой

<input class="form-control" type="email" name="user[email]" id="user_email"> 
<select name="user[unit]" id="user_unit"> 
    <option value="">Please select</option> 
    <option value="2">...</option> 
    <option value="3">...</option> 
</select> 
<input class="form-control" type="text" name="user[phone]" id="user_phone"> 

Что я могу сделать, чтобы выбрать один и тот же вид, как текстовые поля?