占位符文本溢出：IE10 中的省略号不起作用

Question

如果文本长度在占位符中更多，我使用下面的代码来显示省略号。它在 Chrome 和 Firefox 中运行良好。在 IE 中它不起作用。

input[placeholder] {
    text-overflow:ellipsis;
}

Answer 1

来自CSS-tricks：“文本溢出仅在容器的overflow属性值为hidden、scroll或auto和white-space: nowrap;时发生。

尝试添加这个：

input[placeholder] {
    overflow: hidden;  
    text-overflow:ellipsis;
    white-space: nowrap;
}