Ruby on rails 表单中的文本区域-光标赢了';不要从顶层开始

Ruby on rails 表单中的文本区域-光标赢了';不要从顶层开始,ruby-on-rails,simple-form,Ruby On Rails,Simple Form,我正在制作一份联系表,有两个问题: 文本区域显示正确,但当用户开始键入时,光标开始向下移动2行(并且文本在一行上移动(即保持一条长直线),而不是停留在框边框内 我想为标签添加内联样式,但我似乎无法在正确的位置获得样式代码 查看代码: = simple_form_for @contact, :html => {:class => 'form-horizontal' } do |f| .field = f.input :name, input_html: { cl

我正在制作一份联系表,有两个问题:

  • 文本区域显示正确,但当用户开始键入时,光标开始向下移动2行(并且文本在一行上移动(即保持一条长直线),而不是停留在框边框内

  • 我想为标签添加内联样式,但我似乎无法在正确的位置获得样式代码

  • 查看代码:

      = simple_form_for @contact, :html => {:class => 'form-horizontal' } do |f|
        .field
          = f.input :name, input_html: { class: 'gtb_text_field' }
        .field
          = f.input :email, input_html: { class: 'gtb_text_field' }
        -#.field
          -#= f.input :type, as: :select, collection: WHY_CONTACT, label: 'Type of enquiry', allow_blank: false
        .form_field_wrapper
          = f.input :message, label: 'My message' , input_html: {class: 'gtb_text_area', style: 'margin-left: 50px; width: 310px;'}
        .actions
          = f.submit  'Send message', class: 'signup_button'
    

    有人能帮忙吗?

    你在这个页面上有什么类型的javascript库/你使用过CSS框架吗(Bootstrap,Zurb)?最重要的是,你需要粘贴该视图的HTML源代码。啊,好的,这帮我指明了正确的方向,我已经解决了这个问题。谢谢