css - Rails 4 x Bootstrap 3 : how to apply custom style to select field

Question

我正在使用 Rails 4 和 Bootstrap 3 构建网络应用。

在我的注册表单中，我有几个字段，包括 time_zone select:

<div class="field">
    <%= f.label :first_name, "FIRST NAME" %>
    <%= f.text_field :first_name, autofocus: true %>
</div>

<div class="field">
    <%= f.label :last_name, "LAST NAME" %>
    <%= f.text_field :last_name, autofocus: true %>
</div>

<div class="field">
    <%= f.label :time_zone, "TIME ZONE" %>
    <%= f.time_zone_select :time_zone, ActiveSupport::TimeZone.us_zones, :class => :timezone %>
</div>

我已经能够设置 first_name 和 last_name 字段的样式，但我似乎无法应用 padding 或删除 time_zone 字段的 border-radius:

这是我的 css 文件中的内容:

#user_first_name, #user_last_name {
    background-color: #f2f2f2;
    border: none;
    width: 100%;
    padding: 10px;
    margin: 5px 0px 10px 0px;
    display: inline-block;
}

#user_time_zone {
    background-color: #f2f2f2;
    border: none;
    width: 100%;
    margin: 5px 0px 10px 0px;
    padding: 10px;
    border-radius: 0;
}

如何使选择字段的样式与其他两个常规文本字段的样式相同？

Answer 1

我检查了您的 jsfiddle 链接，您的时区选择似乎没问题。(引用附图)