Ruby on rails密码字段和文本字段对齐

Question

我是rails平台上的ruby新手。我正在设计一个带有文本字段的表单。在开始时，我创建了一个简单的html文件，其中包含css以对齐文本字段。以下是我的CSS

#input{

padding-left:50px;
padding-bottom:30px;

}

我使用以下代码创建了文本字段：

<div id = "input"><input type = "text" size = "25" name = "fname" value = "first name"></input></div>
<div id = "input"><input type = "text" size = "25" name = "lname" value = "last name"></input></div>

当我运行网页时，我看到文本字段按照我想要的方式正确对齐。但是我试图在RoR中转换代码，我无法看到填充。以下是我在RoR中的代码

<div class="input"><%= f.text_field :fname, :size => 25, :placeholder => 'first name' %></div>
<div class="input"><%= f.text_field :lname, :size => 25, :placeholder => 'last name' %></div>

有谁能告诉我我的做法可能会出现什么问题？

Answer 1

在css代码#input{..}中，哈希#表示它正在寻找 id 。更改代码后，将其设置为class="input"。因此，css无法通过 id 找到它。将css更改为.input{..}。