<input type =「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

一般來說，你可以不樣式輸入文件標籤。這一切都是由瀏覽器完成的。在它上面有一些覆蓋樣式的技術，但默認樣式總是保留。