chrome文件输入宽度

Question

所以我将一个<input type="file">对象插入到一个相当小的表中......一切正常，但是当我在Chrome中查看它时，即使文件上传对象本身只有大约170px宽，事物将占用240px的空间（上传对象为170px，空白为80px），因此会超出该数量的范围......

我尝试使用size =“10”或width =“10”无效....

任何人都知道如何设置它以便它不会延长那么久？我的意思是文件上传本身只需要170px ...我没有看到任何理由为什么它应该在额外的空白中占用240px

Answer 1

如果使用CSS（例如border: 1px solid red;）对文件输入应用边框，您将看到该控件包含空白区域。这是所选文件的文件名出现的位置。

您可以使用width: 170px的CSS样式更改控件的宽度，使其宽度为170像素。

但请注意，选择的文件名将因此而被截断。