小提琴已经关闭了,所以我无法真正测试您的设置,但此css应该可以工作:
.p-float-label label {
width: 100px; /* width of the input */
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.p-float-label input:focus + label {
width: auto;
}
因此,当输入没有聚焦时,它将被裁剪到设置的宽度(它应该与您的输入的宽度匹配).当输入聚焦时,将宽度设置为AUTO.
在PrimeNG展示台上测试了这一点.