<html>
<head>
<style>
.testDiv {
    width: 200px;
    height: 20px;
    border: 1px solid black;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-family: 'Ahem';
}

.ellipsis {
    text-overflow:ellipsis;
}
</style>
</head>
<body>
<div class="testDiv ellipsis" style="color:green">
The ellipsis should be green thispartwillbeclippedout
</div>
<div class="testDiv ellipsis" style="-webkit-text-fill-color:green">
The ellipsis should be green thispartwillbeclippedout
</div>
</body>
</html>