Html 禁用默认表单样式

我一点也不擅长前端，但一些环境让我学会了它

在我的应用程序中，我需要上传文件。我是这样做的

应用更改

您需要这样的东西：

.upl wrp{
位置：相对位置；
溢出：隐藏；
显示：内联块；
}
.btn{
边框：1px纯黑；
填充：8px 20px；
边界半径：8px；
字体大小：20px；
字体大小：粗体；
}
.upl wrp输入[类型=文件]{
字体大小：100px；
位置：绝对位置；
左：0；
排名：0；
不透明度：0；
}

只需点击一个按钮
应用更改

您需要这样的东西：

.upl wrp{
位置：相对位置；
溢出：隐藏；
显示：内联块；
}
.btn{
边框：1px纯黑；
填充：8px 20px；
边界半径：8px；
字体大小：20px；
字体大小：粗体；
}
.upl wrp输入[类型=文件]{
字体大小：100px；
位置：绝对位置；
左：0；
排名：0；
不透明度：0；
}

只需点击一个按钮
应用更改

您不能修改输入[类型=文件]

但您可以隐藏此输入并修改标签

/*隐藏*/
.自定义输入{
不透明度：0；
位置：绝对位置；
左：-9999px；
z指数：-1；
}
/*定制*/
.定制标签{
字号：18px；
宽度：300px；
文本对齐：居中；
填充：8px 16px；
边框：1px实心#aaa；
字体系列：Verdana；
}
身体{
利润率：30像素；
}

浏览…

您不能修改输入[type=file]

但您可以隐藏此输入并修改标签

/*隐藏*/
.自定义输入{
不透明度：0；
位置：绝对位置；
左：-9999px；
z指数：-1；
}
/*定制*/
.定制标签{
字号：18px；
宽度：300px；
文本对齐：居中；
填充：8px 16px；
边框：1px实心#aaa；
字体系列：Verdana；
}
身体{
利润率：30像素；
}

浏览…