css - 截断输入类型 = 文件中的文本

Question

是否可以截断输入 type="file" 中的文本，我的意思是，当我选择文件时，如果 filename 太长，它应该被 截断。我尝试应用 text-overflow: ellipsis; 但没有任何变化。

Answer 1

如果您为输入指定一个固定的宽度，大多数浏览器应该自行截断它。如果没有，您仍然可以使用 text-overflow: ellipsis 但它不会有任何区别，除非您将它与两个附加属性和宽度一起使用:

input[type=file] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
}