html 怎么改变文件上传的样式

input file的样式很难改变，你可以用js控制一个div触发input file，把样式写在div上，把input file隐藏就可以了；代码如下：

<script>

function clp(){

return $("#File").click()

}

</script>

<button class = "clp" onclick = "clp()">clp</button>

<input type="file" id="File" style="display: none"/>

貌似是不能修改

file

里面自带的内容的

但是你可以做一个你想要的样式，然后将

file

的

opacity

设置成

0

，然后用

position:

absolute宽度；高度，覆盖在你想要的样式上，这样点击那个位置就相当于点击

file

直接写CSS样式是不行的

<input type="text" size="20" name="upfile" id="upfile" style="border:1px dotted #ccc">

<input type="button" value="浏览" onclick="path.click()" style="border:1px solid #cccbackground:#fff">

<input type="file" id="path" style="display:none" onchange="upfile.value=this.value">

写成这样，用一个text和一个button替代file，然后让file隐藏

---