在rails中使用form_for來修改文本字段大小的CSS代碼

我在rails中使用form_for來創建用戶表單來登錄。我沒有使用引導來格式化表單。我想更改表單中文本框的大小。任何建議我的CSS代碼？在rails中使用form_for來修改文本字段大小的CSS代碼

2013-01-11 Sowjanya

好吧，也許你可以嘗試像：

在紅寶石：

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

在CSS：

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

怎麼樣？

2013-01-11 22:36:06

你的CSS只會這項工作高度自定義類到您的文本字段：'<％ = f.text_field：request，class：「client-request」％>'。 –

除非你的意思是CSS：'#client_request {...}'。我可能不會這樣做，以防在其他地方使用id。 –

是的，我忘了，謝謝。剛更新了答案。 –

如果你想編輯所有的輸入文本元素，你可以使用類似的東西。

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

否則，你也可以使用

#user_email { 
    your styling; 
}

或者，您也可以通過

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

2013-01-11 22:37:02

回答