Set dot color of `text-overflow: ellipsis`

Question

I have a div with a fixed width, which has a div with text inside. Parts of the text are in a span for coloring. The text div

Answer 1

If I understand your issue correctly, this might work for you:

.container {
    width:120px;
    background: lightgray;
}
.text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color:#b02b7c;
}
.color {
    color: black;
}

    
Lorem ipsum dolor sit amet, consetetur
    

Demo Fiddle

If the ellipsis is taking the color of the div, then make the div the color you want the ellipsis to be, and use .color to set the initial text black.