html - 如何在 html 输入字段中使用文本溢出省略号？

Question

我的网页有输入字段，我应用了以下 CSS:

.ellip {
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

但这似乎没有任何作用。我是否遗漏了一些明显的东西，或者仅使用 CSS 无法在输入字段中使用省略号？

Answer 1

在输入本身上设置 text-overflow:ellipsis 对我有用。当输入未聚焦时，它会截断并放置省略号。