Как изменить цвет всплывающего окна ⇐ CSS

[Anonymous]

Я создаю собственное всплывающее окно, которое отображается при нажатии кнопки. Когда я нажимаю где-нибудь в другом месте документа, всплывающее окно должно быть закрыто/невидимо.
Это работает очень хорошо.
Теперь я хочу изменить свойство стиля этого всплывающего окна. Проблема в том, что я не могу его изменить.
Приведенный ниже код возвращает, что объект HTML имеет значение null, но если я нажму другую кнопку с той же функциональностью, стиль изменится.
Вот мой код:
tooltip.comComponent.ts
export class TooltipComponent implements OnInit {
popup = false;

// open popup
openToolTip($event: {
target: any; stopPropagation: () => void;
})
{

$event.stopPropagation();
this.popup = !this.popup;

testvariable = document.getElementByID("popupId");
testvariable.style.backgroundcolor = "green"; //backgroundcolor just for testing

}
}

// close popup if clicked on document
@HostListener('document:click', ['$event']) onDocumentClick(event: any) {
this.popup = false;
}

constructor() { }

ngOnInit(): void {
}

}

HTML

info_outline





×




Подробнее здесь: https://stackoverflow.com/questions/754 ... of-a-popup