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

html-css019

html 怎么改变文件上传的样式,第1张

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"/>

直接写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隐藏

万网虚拟主机只是一个存储数据的地方，这很明显是你css样式的路径的问题。

css文件不是在哪个文件夹里面，而是你想要放在哪个文件夹里面。

在头部文件中header中，更换路径

<link rel="stylesheet" type="text/css" href="路径/style.css">