javascript - 如何仅更改省略号颜色..即..文本末尾的 3 个点

Question

我有一个由数据库字段填充的列，我让它只显示省略号。文本为黑色。

我怎样才能只将 3 个点的颜色更改为黄色？

Answer 1

您可以使用额外的包装器来切换文本颜色:

p {
font-size:3em;/* demo */
  margin:1em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  width:8em;
  background:#222;
  color:yellow;
  font-weight:bold;
}
span {
  font-weight:normal;
  color:white;
}

<p><span>some text to overflow</span></p>