5

Rails3アプリケーションでコードのこの部分をカスタマイズしようとしています

<%= f.submit "Create my account", :class => "btn btn-small btn-primary btn-inverse" %>
<%= f.file_field :photo %>

これに：

<%= f.submit "Create my account", :class => "btn btn-small btn-primary btn-inverse" %>
<%= f.file_field :photo, :class => "btn btn-small btn-primary btn-inverse" %>

しかし、file_field はカスタマイズに対応していないようです。

誰かがこれで私を助けることができますか？

4

3 に答える 3

3

私はマインドリオットの提案を使用しましたが、インラインの onchange js の後にコンマを 1 つ追加する必要があり、1 文字の編集が許可されていないため、彼の回答を編集できませんでした。

<div class="input-group">
  <span class="input-group-btn">
    <span class="btn btn-small btn-primary btn-inverse" onclick="$(this).parent().find('input[type=file]').click();">Browse</span>
    <%= f.file_field :file_upload, onchange: "$(this).parent().parent().find('.form-control').html($(this).val().split(/[\\\\|/]/).pop());", style: "display: none;" %>
  </span>
  <span class="form-control"></span>
</div>
于 2016-04-03T20:56:04.457 に答える
0

クラスはボタンではなく入力に適用されます

http://jsfiddle.net/baptme/k3KtH/

ボタンのスタイルを設定したい場合は、ここで説明されている方法を使用できます: http://www.quirksmode.org/dom/inputfile.html

于 2012-06-15T16:25:06.270 に答える
0 
<div class="input-group">
  <span class="input-group-btn">
    <span class="btn btn-small btn-primary btn-inverse" onclick="$(this).parent().find('input[type=file]').click();">Browse</span>
    <%= f.file_field :photo, onchange: "$(this).parent().parent().find('.form-control').html($(this).val().split(/[\\\\|/]/).pop());" style: "display: none;" %>
  </span>
  <span class="form-control"></span>
</div>

この回答に基づいています。

于 2015-05-27T17:45:45.310 に答える