我的简单输入区域中的光标不在左上角

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，它是一个块级元素。