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

Posted 2023-03-15

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

【英文标题】：Text-overflow ellipsis is not working for selected file name in <input type='file' /> in firefox. Please suggest solution文本溢出省略号不适用于 Firefox 中 <input type='file' /> 中选定的文件名。请提出解决方案

【发布时间】：2014-03-28 22:28:58

【问题描述】：

我无法在 Firefox 浏览器

中找到将“text-overflow:ellipsis”样式应用于<input type='file'/> 中选定文件名的解决方案

我正在应用 css 如下

.inp 显示：内联块； 文本溢出：省略号 -ms-文本溢出：省略号； 空白：nowrap； 溢出：隐藏； 自动换行：正常； 垂直对齐：底部； 宽度：16em；

【参考方案1】：

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

您的问题、可能的原因和解决方案的一个很好的解释在这里：

CSS text-overflow: ellipsis; not working?

【讨论】：

不，我只在“输入类型文件”和 Firefox 上遇到此问题

【参考方案2】：

您可以尝试设置宽度，这将换行文本。这在 Firefox 中运行良好。

【讨论】：

为了更好地理解，如果你添加一些示例代码会更好