1

input fileHTML5タグに奇妙な問題があります。これはそれがどのように見えるかです

テキストはボタンよりも高くなっています。CSSの属性はありません。Bootstrapフロントエンドフレームワークを使用していますが、それが問題なのかもしれません。どうすれば修理できますか？

よろしくお願いします！

編集：

これが私のフォームです

<form action="/change" enctype="multipart/form-data" method="POST">

    <span class="help-block">Username</span>
    <input id="checkuser" type="text" name="nuser" value="<%= user.user %>"/>
    <i id="usricon" style="margin-left: 8px; margin-right: 5px;" class=""></i>
    <small id="usrc" style="padding-bottom: 3px;"></small>

    <span class="help-block">Email</span>
    <input id="checkmail" type="text" name="nmail" value="<%= user.mail %>"/><i
    id="milicon" style="margin-left: 8px; margin-right: 5px;"></i>
    <small id="milc" style="padding-bottom: 3px;"></small>

    <span class="help-block">Password</span>
    <input type="password" id="opass" name="opass" placeholder="Your old password"/>
    <i id="pssicon1" style="margin-left: 8px; margin-right: 5px;" class=""></i>
    <small id="pssc1" style="padding-bottom: 3px;"></small><br>
    <input type="password" id="ps" name="npass" placeholder="Your new password"/>
    <i id="pssicon2" style="margin-left: 8px; margin-right: 5px;" class=""></i>
    <small id="pssc2" style="padding-bottom: 3px;"></small>

    <span class="help-block">Avatar</span>
    <img class="img-rounded" style="height: 80px; width 80px" 
      src="<%= user.path %><%= user.avatar %>">
    <input id="avat" type="file" name="navatar" accept="image/*">

    <span style="margin-top: 1em" class="help-block">Background</span>
    <input type="file" id="back" name="nback" accept="image/*"><br>

    <input class="button" type="submit">

</form>
4

1 に答える 1

0

通常、入力ファイルタグのスタイルを設定することはできません。それはすべてブラウザによって行われます。その上にスタイルをオーバーレイするためのいくつかのテクニックがありますが、デフォルトのスタイルは常に残ります。

于 2013-02-02T21:12:44.393 に答える