文本溢出：省略号在Firefox和IE中不起作用

Question

Ellipsis在Firefox和IE中不起作用，当给出100％的输入字段时， 任何人都可以帮助我吗？ 这是我的示例代码。

注意：我无法硬编码输入字段的宽度和最大宽度。它应该占用它的innerDiv完整宽度。

.mainDiv {
  width: 500px;
  height: 200px;
}
.innerDiv {
  width: 50%;
}
.inputField {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

<div class="mainDiv">
  <div class="innerDiv">
    <input class="inputField" type="text" />
  </div>
</div>

Answer 1

我不确定你要做什么，但对我来说，这会在firefox上正确呈现省略号：

See this fiddle

https://jsfiddle.net/ftu550jq/

你是如何呈现的？

http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_text-overflow