ng bootstrap工具提示的宽度和背景颜色

Question

我需要修改工具提示框的宽度和背景.我怎样才能实现它？我正在使用angular2和ng bootstrap.

<i class="fa fa-info-circle info-icon-background" [ngbTooltip]="tooltipContent" aria-hidden="true" ></i>

我已经尝试将以下内容放在我的"task-modal.component.css"css文件中,但它似乎不起作用.请帮忙.

.tooltip-inner{
  width: 400px;
  background-color: #FFFFFF;
}

在我的角度组件中,我将css文件指定为:

@Component({
  selector: 'task-modal',
  templateUrl: './task-modal.component.html',
  styleUrls: ['task-modal.component.css'],
  providers: [TasksService]
})

Answer 1

在你的css文件中添加这个,在你的case -modal.component.css中,

角度2:

/deep/ .tooltip-inner {
 width: 400px;
 background-color: #FFFFFF;
}

Angular 4.3.0

/ deep/在Angular 4.3.0中已弃用,现在首选:: ng-deep,

::ng-deep .tooltip-inner {
     width: 400px;
     background-color: #FFFFFF;
}