html - 如何使输入元素文本溢出:ellipsis on IE?

Question

我找到了我的

fiddle只在Chrome和FF上有效，不知道为什么在IE上没有省略号效果？希望有人能帮忙解决这个问题，如果能用CSS方式解决就更好了。

顺便说一句，似乎 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截图: