在AngularJS中,可以使用选择器.md-tooltip在CSS中设置工具提示的样式
编辑:
我正在使用Angular 4&材料2.
我如何使用它的一个例子是:
<span mdTooltip='TEST' mdTooltipPosition='right'>TEST</span>
解决方法
如果要自定义工具提示的css,则可以使用:: ng-deep.在组件的样式中添加以下样式:
::ng-deep .mat-tooltip { /* your own custom styles here */ /* e.g. */ color: yellow; }
另一种选择是在组件中将View Encapsulation设置为无:
@Component({ templateUrl: './my.component.html',styleUrls: ['./my.component.css'],encapsulation: ViewEncapsulation.None })
然后在你的组件css中你不必使用:: ng-deep.
.mat-tooltip { /* your own custom styles here */ /* e.g. */ color: yellow; }