input標簽placeholder過長省略號顯示

雖然input標簽的placeholder可以用如下方式設置
input::-webkit-input-placeholder { /* Chrome/Opera/Safari /
color: red;
}
input::-moz-placeholder { / Firefox 19+ /
color: red;
}
input:-ms-input-placeholder { / IE 10+ /
color: red;
}
input:-moz-placeholder { / Firefox 18- */
color: red;
}
但placeholder過長用省略號的問題需要設置到input上
input {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}