文本溢出 CSS 截断

Question

早些时候，我是使用 JS 动态地完成它的。但是我们遇到了一些性能问题，因为我们必须提供一个替代选项。

我现在使用文本溢出样式截断选项卡名称上的长文本。

但我有一个小问题，如果有人能解决的话

目前这是我的文本截断的样子

此文本已被处理...

此处的三个点 (...) 为黑色，我想将其更改为红色。

有什么方法可以实现这一目标吗？

Answer 1

在这里工作:

• http://jsfiddle.net/TReRs/4/

 .overme {
        width: 300px;
        overflow:hidden; 
        white-space:nowrap; 
        text-overflow: ellipsis;
        color: red;
    }

 <div class="overme">
        how much wood can a woodchuck chuck if a woodchuck could chuck wood?
    </div>



   

尾随点/省略号使用该基本 CSS 着色为红色。