Question

如何使用CSS设置普通上传文件按钮的样式？

<input type="file">

我尝试过使用bootstrap类的样式，但它只是按钮周围的样式。

Answer 1

我遇到了同样的问题并经历了这么多的例子，发现这个解决方案尝试了这个..我希望这会对你有所帮助DEMO

<强> HTML

<div class="duplicate">SelectPicture</div><br>
<input id="orginal" type='file'" /><br>

<强> CSS

.duplicate {
    background-color:blue;
    width:100px;
    height:40px;
}
.duplicate:hover{
    background-color:green;
}

#orginal {
 display:none;
}

<强> Jquery的

$(document).ready(function(){
$('.duplicate').bind("click" , function () {
        $('#orginal').click();
    });
});

请参阅此link

设置上传按钮的样式

1 个答案: