Трудно настраивать угловые всплывающие инструменты ⇐ CSS

[Anonymous]

Мой угловой проект использует Angular 18.2.3, а материал добавляется с использованием «ng add», чтобы быть совместимым. Browsermodule, BrowserAnimationsmodule, Mattooltipmodule импортируются и экспортируются в Shared.module.ts. Simple Tooltip Button
< /code>
Но Mattooltipclass вообще не работает, независимо от :: ng-deep используется или нет, поместите стиль в компонентный файл scss или в глобальные стили.::ng-deep .mdc-tooltip__surface {
/* white-space: pre !important; */
font-family: monospace !important;
color: white !important;
background-color: black !important;
padding: 10px !important;
text-align: left !important;
border-radius: 6px !important;
max-width: unset !important;
white-space: pre-wrap !important;
}
< /code>
Но это принесет проблему: все подсказки могут иметь только один стиль. Я не могу указать другой стиль для подсказки. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/797 ... l-tooltips