Css 我的simpleform输入区域中的光标不在左上角

我还没有决定如何让光标显示在消息字段的左上角

我在消息字段中添加了一个“span3”类，以便可以操作css（下面是模板和css）

.span1{
宽度：400px；
高度：200px；
显示：内联块；
}

display:inline块只是将消息文本移到了输入区域旁边

我该如何处理这个问题有什么想法吗

。看起来

input:text

是使用简单表单创建

textarea

的方法。我在生成的HTML元素列表上没有看到

：消息

---

它很可能出现在中间，因为您创建了一个

input

元素，它只允许一行内容，而不是

textarea

，它是一个块级元素。

我正在查看文档，我尝试将我的表单助手更改为f.textarea，这返回了一个未定义的方法错误。然后我尝试了f.text，得到了同样的错误，但也不起作用，但我最终还是成功了，

<%= 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;
}