html - <输入类型 ="file"/> 的基线错误

Question

input file HTML5 标签有一个奇怪的问题。

文字高于按钮。它没有任何 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>

Answer 1

通常您不能设置输入文件标签的样式。这都是由浏览器完成的。有一些技术可以在其上叠加样式，但默认样式始终保持不变。