无法在IE11中为输入占位符设置文本省略号

Question

我可以在IE11（Windows 7）中设置输入占位符文本的颜色，但是我无法将输出占位符文本的文本溢出设置为省略号。

以下是重现此问题的jsfiddle（请在Windows 7上的IE11中打开此小提琴链接），

https://jsfiddle.net/1nku0aty/3/

HTML

<input type="text" placeholder="longtextlongtextlongtextlongtextlongtext">

CSS

input {
  margin: 2em;
}
input:-ms-input-placeholder {
  text-overflow: ellipsis;
  overflow: hidden;
  color: red;
}

有人可以帮忙解决这个问题吗？

Answer 1

试试这样。这在IE中不像往常一样。

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

<input type="text" placeholder="loremipsumdolorsitametconsetetur">

Answer 2

关于IE10这个问题有一个更好的答案：

Placeholder text-overflow:ellipsis in IE10 not working

基本上，显然它不起作用，除非你只对输入字段进行输入，否则可以做一些hacky javascript来使它只读，除非你点击它，但如果你有选择去＆＃39无论如何，这是IE11和一个小故障，他们关心＆＃39;你可能应该接受......