输入文本溢出：省略号;对于Opera和IE不起作用

Question

我正在尝试使用文本溢出：省略号用于输入，但只有chrome和Firefox显示罚款。在IE和Opera上它没有任何效果。有没有黑客..

小提琴：http://jsfiddle.net/SZYFw/

input {
    text-overflow: ellipsis
}

<pre>
   <input type="text" value="Lorem ipsum dolor sit amet, consectetuer adipiscing elit.">​
</pre>

歌剧版：12.11 Build 1661 即版本：10

Answer 1

我可以使用具有所有兼容性的DIV here，但不幸的是，看看它对输入元素here的说法......

Opera的兼容性：

-o-text-overflow: ellipsis;

另见link。我认为它不支持Opera和IE ......但正如你所看到的，其余的工作完美无缺！

Answer 2

通过CSS Basic U I草案，text-overflow“指定内联内容溢出其块容器时的呈现”。但是input元素没有内容;它有一个显示的值，但该值不是元素内容。

要考虑解决方法，请指定使用省略号作为输入文本的上下文和目的。如果需要，input type=text的正常实现会自动水平滚动值，并且可以期望用户看到他到达输入框的末尾。

Answer 3

假设您没有代码，省略号不起作用。

查看您的代码是否与此匹配：

display: inline-block;
*display: inline;
*zoom: 1;
text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
word-wrap: normal;
max-width: 130px;
vertical-align: bottom;

小提琴：http://jsfiddle.net/4mmQm/

这适用于IE 7，IE 8，IE 9，IE 10，Firefox，Chrome