时间戳

首页 > 解决方案 > 如何正确地将 CSS 样式应用于 HTML 元素 Clearance 模板？(Ruby On Rails)

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

问题描述

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

申请前

申请前

申请后

申请后

代码（.html.erb）：

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

根据<%= form.submit%>我的理解隐藏了一个简单的按钮模板，但我无法以任何方式找到该模板的源代码，就好像它“凭空”工作一样。也许有办法找到它或正确应用 CSS？

标签： htmlcssrubyruby-on-rails-3clearance

解决方案

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

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

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

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

推荐阅读