Css 简单表单样式（删除边框和文本对齐中心）

我正在尝试使我的待办事项列表能够在同一页面上进行动态编辑。我的想法是使用简单的表单来显示信息和隐藏边框。我需要集中显示文本。然而，我有困难的造型，因为并没有显示。我想知道这是否可行？或者有没有更好的方法使我的待办事项能够在不转到其他页面表单的情况下进行编辑

<div class = "border_show">
     <%= simple_form_for @item do |f| %>
       <%= f.input :title, label: false, required: true, :class => "form_border" %>
       <%= f.input :description, label: false %>
       <%= f.input :category, label: false %>
       <%= f.button :submit, 'submit', :style => "display: none;" %>
     <% end %>

     <%= link_to "Back", root_path %>
     <%= link_to "Delete", item_path(@item), method: :delete, data: {confirm: "Are you sure?"} %>
</div>

我试图将form_border的类替换为id，但它也不起作用

我的表单现在的外观图像：

---

如果是css问题，那么我已经编辑了您的css名称form border以形成\u border类

.form_border{
   border-style: none;
   text-align: center;
}

如果仍然不起作用，则添加：

.form_border{
   border-style: none !important;
   text-align: center;
}

---

如果它仍然不起作用，你可以打电话给我。

我试过了，但没用。我现在更新了它的当前外观。我切换到form_for，它可以工作，但simple_form似乎不起作用。

.form_border{
   border-style: none !important;
   text-align: center;
}