如何正确地将 CSS 样式应用于 HTML 元素 Clearance 模板？ (Ruby On Rails)答案

【问题标题】：How to correctly apply CSS styles to HTML element Clearance templates? (Ruby On Rails)如何正确地将 CSS 样式应用于 HTML 元素 Clearance 模板？ (Ruby On Rails)
【发布时间】：2021-10-03 15:35:44
【问题描述】：

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

申请前

申请后

代码（.html.erb）：

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

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

【问题讨论】：

您可以使用浏览器开发工具（在本例中为 HTML 检查器）。找到元素，您将看到 css 应用于此元素和 css 源。好read

标签： html css ruby ruby-on-rails-3 clearance

【解决方案1】：

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

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

您的代码在按钮内创建了一个按钮，例如

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

【讨论】：