如何在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/

Answer 2

我想这个答案会对你有帮助

您可以创建一个类并将其应用到您的textbox
HTML上

<input type="text" readonly value="Lorem ispum dolor sit amit Lorem ispum dolor sit amit Lorem ispum dolor sit amit Lorem ispum dolor sit amit " class="ellipsis">

CSS

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

根据Ben 的说法修复 Android CSS 文本溢出问题

*{
    text-rendering: optimizeLegibility;
}

在这里检查它 ht​​tp ://jsfiddle.net/b4YjX/