Css 是否可以省略HTML5中的占位符/水印？

我添加了这些css。但是我不能让占位符/水印有省略号。不过它们确实有红色字体

input::-webkit-input-placeholder {
    color:    red !important;
    max-width:  95% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

input:-moz-placeholder {
    color:    red !important;
    max-width:  95% !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

由于我为mobile工作，我希望它在Safari中工作。

根据，文本溢出只适用于块容器，如div和p标记。由于输入不是容器，所以不能应用此CSS规则

对 占位符的溢出省略号可以非常简单地实现：

::placeholder{
    text-overflow:ellipsis;
}

：：占位符{
文本溢出：省略号；
}
输入{宽度：100%；}

要覆盖尽可能多的浏览器，请尝试以下操作：

[placeholder]{
    text-overflow:ellipsis;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    text-overflow:ellipsis;
}
::-moz-placeholder { /* Firefox 19+ */
    text-overflow:ellipsis;
}
:-ms-input-placeholder { /* IE 10+ */
    text-overflow:ellipsis;
}
:-moz-placeholder { /* Firefox 18- */
    text-overflow:ellipsis;
}

使用所示的
：占位符
选择器可以很好地工作，并确保任何文本输入都不会被隐藏


输入：显示占位符{
文本溢出：省略号；
}
您的CSS在Chrome/Firefox（Windows）中为我工作。它在Safari中不起作用。这取决于Safari版本，不幸的是。。。我认为，
占位符
样式目前还不完全受支持……正如@ChristophetCVB所说，这取决于版本。因此，您可以使用默认的文本和类，并在用户输入内容时使用JS删除文本和类？是的，更混乱，但绝对适用于跨浏览器。。这在IE中不起作用。是否有其他样式可供设置，以便在IE中显示省略号作为占位符。@Ashokurram您尝试过添加到我答案中的其他前缀吗？我尝试过以上所有前缀。他们都没有在ie工作过。@AshokGurram为此道歉。旧版本IE中的输入不支持省略号。它需要一些技巧或javascript才能正常工作。我不想让IE打败我，所以我在答案中添加了代码。我希望这会有帮助。感谢您的确认和更新您的答案。占位符是chrome中的div。输入文本…请添加！在chrome中很重要，因为默认占位符有文本溢出：clip；输入文本…欢迎使用堆栈溢出。运行代码片段时应该使用它们来演示一些东西，这没有任何HTML示例可供处理。只有代码的答案几乎总是可以通过添加解释来改进的。使用现有答案回答旧问题时，应说明问题的新方面。@Jasonaler如果仔细阅读，这实际上是一个新建议，也是唯一一个适用于我的用例的建议。这是我发现的唯一一个适用于Chrome 91的答案。当前顶部答案无法为任一代码示例设置溢出省略号。