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

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>

来源

2015-04-20 huan feng

IE版本吗？ –

好的。我将更新代码到问题中。我在这里提供的一个小提琴的原因是你直接打开它看到IE和Chrome中的不同行为 –

可能的重复[如何在html输入中使用文本溢出省略号字段？]（http://stackoverflow.com/questions/9771795/how-to-use-text-overflow-ellipsis-in-an-html-input-field） –

-2

你希望看到的效果???

使用这个和看到效果：

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

来源

2015-04-20 07:11:22 hossein

我需要省略号效果 –

什么是您的浏览器版本？它工作在IE版本6到上面 – hossein

我不需要剪辑效果，我需要省略号效果，IE版本11 –

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

实施例：https://jsfiddle.net/svdbco/s1x0qx1a/

IE8截图：

enter image description here

IE11卵石nshot：

enter image description here

来源

2015-04-20 07:21:52 svdb

它不适用于输入元素在IE –

它在你的屏幕截图中的按钮工作，但它不为input type =“text”元素工作。 –

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

回答

相关问题