光標在我simpleform輸入區未出現在上面留下

Question

我還沒有確定如何讓我的光標出現在我的消息字段的左上角。

我添加了一個類的「span3」到消息字段，所以我可以操縱的CSS（模板和以下CSS）

<%= simple_form_for @guestbook, url: guestbooks_path, method: :post do |f| %> 
    <%= f.input :name %> 
    <%= f.input :email %> 
    <%= f.input :message, input_html: { class: 'span1' } %> 
    <%= f.button :submit %> 
<% end %> 

.span1 { 
    width: 400px; 
    height: 200px; 
    display: inline-block; 
} 

顯示：直列塊剛搬到旁邊的消息文本輸入區域。

我應該如何處理這個問題的任何想法？

Answer 1

Simple Form on GitHub。它看起來像input :text是使用簡單表單創建textarea的方法。我在生成的HTML元素列表中看不到:message。

這很可能出現在中心，因爲您創建了一個input元素，該元素只允許一行內容，而不是textarea，它是一個塊級元素。