文本溢出：省略号不适用于动态占位符（处于焦点状态）|角

Question

我有一个带有动态占位符的输入。重点是我更改了占位符，但是由于某些原因我丢失了文本溢出：省略号属性。但是当模糊时，我会重新获得它。为什么会这样呢？

我已经准备好进行掷骰子游戏：

谢谢！

Answer 1

尝试这样：

input:focus {
   text-overflow: ellipsis;
}

Answer 2

它基于浏览器的默认功能。占位符的目的是向用户显示整个信息。但是您可以在Firefox中尝试它，它可以工作。我的是69.0.1（64位）Firefox。 Chrome不支持。

建议是