一个造型输入类型=“文件”

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; 
} 

反正这个类比属性选择器有更强的权重。