如何将 CSS 样式正确应用到 HTML 元素清关模板？（Ruby 在 Rails 上）

Question

我使用 bootstrap 5 来最快地应用样式，但是当我尝试为 HTML 元素模板应用样式时，我有这个：

申请前

申请后

代码(.html.erb):

<div class="submit-field">
  <button type="button" class="btn btn-primary"><%= form.submit %></button>
</div>

<%= form.submit%>下隐藏了我理解的一个简单的按钮模板，但是我怎么也找不到这个模板的源代码，好像它是“凭空”工作的。也许有办法找到它或正确应用 CSS?

Answer 1

submit 表单助手为您创建按钮。您应该像这样将 class 应用于元素：

<div class="submit-field">
 <%= form.submit class: 'btn btn-primary'%>
</div>

您的代码在类似

的按钮内创建了一个按钮

<button type="button" class="btn btn-primary"><button>Submit</button></button>

How to correctly apply CSS styles to HTML element Clearance templates? (Ruby On Rails)