twitter-bootstrap - Simple_Form 和 Bootstrap ：输入日期如何指定月份和年份的不同宽度？

Question

我在 simple_form 中有一个日期字段，如下所示：

<%= f.input :dob, as: :date, start_year: Date.today.year - 12,
                      end_year: Date.today.year - 110, discard_day: true,
                      order: [:month, :year],
                      label: "Date of birth"  %>

它工作正常，但每个选择（月和年）具有相同的宽度。

我想为年份部分指定不同的宽度，关于如何实现这一点的任何想法？

干杯

Answer 1

您可以在样式表中更改它，因为 Rails 和 simple_form 将使用 ID 标记输入表单。

例子。假设您有一个 Person 模型，并且您正试图抓住 dob。

呈现片段表单部分 (_form.html.erb)

<select class="date required" id="person_dob_3i" name="person[dob(3)]">

人物样式表 person.css.scss

#person_dob_3i {
  width: 50px;
  border: 1px solid #ccc;
}