如何使输入元素文本溢出：IE上的省略号？

Question

我找到了我的

fiddle 只能在Chrome和FF上工作，我不知道它为什么不对IE进行省略号效果？希望有人可以提供帮助，如果你能用CSS方式解决它会更好。

BT顺便说一下，div似乎有文字溢出：省略IE和Chrome的省略效果。

的CSS：

.ellip {
  white-space: nowrap;
  width: 200px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

HTML：

<input type="text" class="ellip" value="abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz">
<div class="ellip">abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz</div>

Answer 1

.ellip:before {
content: ''; /* IE9 ellipsis fix */
}

示例：https://jsfiddle.net/svdbco/s1x0qx1a/

IE8截图：

IE11截图：

Answer 2

你期望看到什么影响？

使用此功能并查看效果：

.ellip {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    -o-text-overflow: clip;
    -ms-text-overflow: clip;
    text-overflow: clip;
 }