html - 有没有办法为影子根元素定义 css

Question

请注意，此图像中的日期已被截断。如果我在控制台中修改以下内容，它将显示所有文本。

.select-text {
    -ms-flex: 1;
    flex: 1;
    min-width: 16px;
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    overflow: hidden;
}

我可以在控制台中修改 css，它会包装文本，但是当我尝试在代码中实现它时它不起作用。

我已经尝试将 .css 添加到 global.css 和 variable.scss 中，但它仍然没有添加 white-space: pre-wrap 属性。

任何帮助将不胜感激。