input标签placeholder过长省略号显示

Posted 2022-05-16 anguoff

虽然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;