文本溢出省略号不适用于 Firefox 中 <input type='file' /> 中选定的文件名。请提出解决方案

Question

我无法找到将“text-overflow:ellipsis”样式应用于

<input type='file'/>

中 Firefox 浏览器

中所选文件名的解决方案

我正在应用CSS如下

 .inp{
     display: inline-block;
    text-overflow:ellipsis
    -ms-text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-wrap: normal;
    vertical-align: bottom;
    width:16em;
 }
    

Answer 1

“省略号”后缺少分号，但我认为您的问题可能在于使用“em”作为宽度。如果可以的话，使用固定宽度或最大宽度（以像素为单位）。另外，16em 是一个巨大的尺寸，具体取决于它所基于的尺寸。

这里对您的问题、可能的原因和解决方案进行了精彩的解释：

CSS 文本溢出：省略号；不工作？

Answer 2

您可以尝试设置宽度，这将使文本换行。这在 Firefox 中效果很好。