<分区>
标签 css
<分区>
我正在尝试对齐文本以具有与选择文件按钮相同的填充。
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;
}
只需在上添加类名
input[type=file]
div应该是这样的
<div class="select-image-btn">
<button class="btn default" >Upload a file</button>
<input type="file" name="t1" accept="image/*" capture="camera">
</div>
最佳答案
为什么不使用以下内容?
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;
}
无论如何,类比属性选择器具有更强的权重。
关于css - 样式化输入类型 ="file",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16556226/