javascript - 如何在 Android 股票浏览器的只读输入字段上显示省略号？

Question

如果文本太长，如何设置输入框显示省略号？输入字段是只读的，其宽度设置为 100%。

这可能吗？如果没有，您如何使用 JavaScript 实现？

注意:虽然这似乎适用于 Chrome，但不适用于 Android 标准版浏览器。

我当前的输入字段 css:

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

谢谢!

Answer 1

根据您的要求，您可以使用 CSS 的 text-overflow实现这一目标:

HTML:

<input disabled="disabled" value="really really long text that will be trunked" />

CSS

input{
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    width: 100px;
}

演示:http://jsfiddle.net/yrPc8/