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

我找到了我的

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

顺便说一句，div似乎有文本溢出：IE和Chrome都有省略号效果

css:

html:

---

你希望看到什么效果

使用此选项并查看效果：

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

---

你希望看到什么效果

使用此选项并查看效果：

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

例如：

IE8截图：

IE11截图：

例如：

IE8截图：

IE11截图：

---

好啊我会将代码更新到问题中。我在这里提供小提琴的原因不是为了让你直接打开它，看看IE中的不同行为和@KawineshSK可能的副本这一个似乎没有解决方案…@huanfeng有一个原因，为什么它没有一个解决方案，这是可以解释的there@KawineshSK很抱歉我没有在那里读到。真的，这是一个类似的问题，但明确关于IE，这不是重复的。好的。我会将代码更新到问题中。我在这里提供小提琴的原因不是为了让你直接打开它，看看IE中的不同行为和@KawineshSK可能的副本这一个似乎没有解决方案…@huanfeng有一个原因，为什么它没有一个解决方案，这是可以解释的there@KawineshSK很抱歉我没有在那里读到。真的，这是一个类似的问题，但明确关于IE，这不是重复。我需要省略号效应你的浏览器版本是什么？？它在IE版本6到更高版本中工作我不需要剪辑效果，我需要省略号效果，IE版本11我需要省略号效果你的浏览器版本是什么？？它适用于IE版本6到更高版本我不需要剪辑效果，我需要省略号效果，IE版本11它适用于屏幕截图中的按钮，但不适用于输入类型=文本元素。它适用于屏幕截图中的按钮，但不适用于输入类型=文本元素。

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

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