相关疑难解决方法(0)

我在Angular 2中有一个名为my-comp的组件:

<my-comp></my-comp>

如何在Angular 2中设置此组件的主机元素的样式？

在Polymer中,您将使用":host"选择器.我在Angular 2中尝试过它.但它不起作用.

:host {
  display: block;
  width: 100%;
  height: 100%;
}

我也尝试使用组件作为选择器:

my-comp {
  display: block;
  width: 100%;
  height: 100%;
}

这两种方法似乎都不起作用.

谢谢.

我已经尝试过这个和这个，这些问题的答案都不适合我。

我想做的是设置工具提示的样式，我希望能够增加字体的大小。目前我只能增加字体的大小，<div>但工具提示字体保持相同的大小。

我的 html 看起来像这样：

<div id="divId" matTooltipClass="tooltip" matTooltip="This is a tooltip." matTooltipPosition="above"></div>

在 CSS 中我尝试使用：

• ::ng-deep .mat-tooltip
• .mat-tooltip
• .mat-tooltip.tooltip

以及使用!important. 这些都对工具提示的样式没有任何影响。

为什么这些解决方案都不起作用？能够设置工具提示样式的解决方案是什么？