css
.fathor {
display: flex;
}
.son1{ flex: 1;  overflow: hidden;}

其他参考

css
.demo::-webkit-scrollbar {
  display: none; /* Chrome Safari */
}

.demo {
  scrollbar-width: none; /* firefox */
  -ms-overflow-style: none; /* IE 10+ */
  overflow-x: hidden;
  overflow-y: auto;
}

css
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

需要使用 fill: #fff 才行，color 与 background 是没用的。

可以使用:

css
filter: grayscale(50%);

具体可以参考 MDN filter - CSS 层叠样式表