鉻文件輸入寬度

Question

所以我插入一個<input type="file">對象到一個相當小的表....一切工作正常，但是當我在Chrome中查看它，即使文件上傳對象本身只有約170px寬，東西會佔用240px的空間（170px的上傳對象和80px的空格），因此會拉伸超過該數額的表...

我試過使用size =「10」或寬度=「 10「無果....

任何人都知道如何設置它，以便它不會伸展那麼久？我的意思是文件上傳本身只佔用了170px ...我沒有看到任何理由爲什麼它應該總共需要240px的額外空白

Answer 1

如果你使用CSS（例如。border: 1px solid red;）對文件輸入應用邊框，你會看到該控件包含一個空白區域。這是所選文件的文件名將出現的位置。

您可以更改使用的width: 170px的CSS樣式，使其170個像素寬的控制的寬度。

然而要注意所選擇的文件名稱會被這樣被截斷。