一個造型輸入類型=「文件」

Question

我想對齊文本具有相同的填充爲選擇文件按鈕。

input[type='file'] { 
    background: #000; 
    border-radius: 5px; 
    color: #fff; 
    font-family: "Marmellata", sans-serif; 
    padding: 6px 10px 14px 17px; 
    font-size: 20px; 
    margin-bottom: 20px; 
    width: 240px; 
    vertical-align: top; 
    margin-top: 0px; 
} 

<input name="t1" class="imgupload" type="file" accept="image/*" capture="camera"> 

編輯：

我具有由使用這種方法解決該問題：

.select-image-btn input[type=file] { 
     font-size: 100px; 
     position: absolute; 
     left: 0; 
     top: 0; 
     opacity: 0; 
     } 

.select-image-btn { 
     position: relative; 
     overflow: hidden; 
     display: inline-block; 
     } 

剛上

輸入添加類名[類型=文件]

DIV的應該是這樣的

<div class="select-image-btn"> 
     <button class="btn default" >Upload a file</button> 
     <input type="file" name="t1" accept="image/*" capture="camera"> 
</div> 

Answer 1

你爲什麼不使用下面的？

input.imgupload { 
background: #000; 
border-radius: 5px; 
color: #fff; 
font-family: "Marmellata", sans-serif; 
padding: 6px 10px 14px 17px; 
font-size: 20px; 
margin-bottom: 20px; 
width: 240px 
vertical-align: top; 
margin-top: 0px; 
} 

反正這個類比屬性選擇器有更強的權重。