Ruby on Rails密碼字段和文本字段對齊

Question

我是Rails平台上的紅寶石新手。 我正在設計一個帶有文本字段的表單。 在開始時，我使用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{..} ， #input{..} #表示它正在尋找id 。 更改代碼后，將其設置為class="input" 。 因此，css無法通過id找到它。 將css更改為.input{..} 。