ruby-on-rails - 在rails中使用form_for修改文本字段大小时的CSS代码

Question

我在 rails 中使用 form_for 创建用户表单以进行登录。我没有使用引导程序来格式化表格。我想更改表单中文本字段框的大小。任何人都可以建议我的css代码吗？

Answer 1

如果你想编辑所有的输入文本元素，你会使用这样的东西。

 form input[type='text'] {
   width: 100px;
   height: 30px;
 }

否则你也可以使用

#user_email {
  your styling;
}

或者，您也可以通过以下方式将自定义类附加到您的文本字段

f.text_field :email, :class => 'login-email-field'

Answer 2

好吧，也许您可​​以尝试以下方法：

在红宝石中：

<%= form_for @client do |f| %>
    <%= f.text_field :request, class: "client-request" %>
    <%= f.submit %>
<% end %>

在 CSS 中：

.client-request {
    width: 300px;
    height: 60px;
}

关于什么？