Css 在RubyonRails公式集上向集合添加类

我正在使用表单在RoR中创建记录。我有一个下拉菜单，我不知道如何添加一个类来设置这个元素的样式

代码：

但是这个类不起作用，这个样式来自引导

---

谢谢

在引导下拉列表中，样式始终应用于

按钮

元素，如下所示：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

<select name="post[author_id]">
  <option value="">Please select</option>
  <option value="1" selected="selected">D. Heinemeier Hansson</option>
  <option value="2">D. Thomas</option>
  <option value="3">M. Clark</option>
</select>    

我猜HTML看起来像：

<select ... class = "btn btn-secondary dropdown-toggle">

---

我想Bootstrap不知道如何处理它。

在Bootstrap下拉列表中，样式总是应用于

按钮

元素，如下所示：

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

<select name="post[author_id]">
  <option value="">Please select</option>
  <option value="1" selected="selected">D. Heinemeier Hansson</option>
  <option value="2">D. Thomas</option>
  <option value="3">M. Clark</option>
</select>    

我猜HTML看起来像：

<select ... class = "btn btn-secondary dropdown-toggle">

---

我想Bootstrap不知道如何处理这个问题。

你做得对，但你需要分离散列：

<%= f.collection_select :id, TipusProducte.order(:nom),:id ,:nom, { include_blank: false }, { class: "btn btn-secondary dropdown-toggle" } %>

---

否则，它将被解释为一个散列。函数规范有两个对象哈希作为参数；第一个用于集合选项，第二个用于HTML选项。

您做得不错，但需要分离哈希：

<%= f.collection_select :id, TipusProducte.order(:nom),:id ,:nom, { include_blank: false }, { class: "btn btn-secondary dropdown-toggle" } %>

---

否则，它将被解释为一个散列。函数规范有两个对象哈希作为参数；第一个是收集选项，第二个是HTML选项。

在回答问题时把这个留在这里，但是也要考虑@ JVILIN的答案。你可能不想把你的选择下拉作为一个按钮，把它放在这里回答问题，同时也要考虑JVILIN的答案。您可能不想将“选择”下拉列表样式设置为按钮。