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

Question

我是 Rails 平台上的 ruby​​ 新手。我正在设计一个带有文本字段的表单。一开始，我用 css 创建了一个简单的 html 文件来对齐文本字段。下面是我的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{..}.