File upload 调整文件上传按钮的大小

File upload 调整文件上传按钮的大小,file-upload,button,File Upload,Button,我想调整HTML文件上传按钮中“浏览”部分的大小。当我尝试使用“size”或“width”属性调整大小时,只会减小整个大小。但是我只想缩小“浏览”按钮部分的大小,而不是显示文件路径的文本框部分。我可以不使用CSS来做这件事吗?如果是,如何设置?众所周知,文件输入元素很难设置样式。问题之一是它实际上是一个元素,即使它呈现为两个元素 一种方法是在幕后隐藏整个元素,并为用户提供自定义元素。这是关于它的。基本上,文件输入元素是隐藏的,一些JavaScript支持的自定义元素正在处理UI并将必要的信息传递

我想调整HTML文件上传按钮中“浏览”部分的大小。当我尝试使用“size”或“width”属性调整大小时,只会减小整个大小。但是我只想缩小“浏览”按钮部分的大小,而不是显示文件路径的文本框部分。我可以不使用CSS来做这件事吗?如果是,如何设置?

众所周知,文件输入元素很难设置样式。问题之一是它实际上是一个元素,即使它呈现为两个元素


一种方法是在幕后隐藏整个元素,并为用户提供自定义元素。这是关于它的。基本上,文件输入元素是隐藏的,一些JavaScript支持的自定义元素正在处理UI并将必要的信息传递给文件输入。

很难更改浏览按钮的外观,因为它通常是硬连接到浏览器中的

然而,在上,有一篇很长的文章讨论了用于更改文件输入元素外观的复杂CSS技术