ng引導工具提示的寬度和背景顏色

我需要修改工具提示框的寬度及其背景。我怎樣才能實現它？我正在使用angular2和ng bootstrap。ng引導工具提示的寬度和背景顏色

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

我試圖把我的「任務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] 
})

來源

2017-06-21 Karu

哪裏是'.tooltip-inner'？我沒有在你發佈的HTML中看到這個類。你的CSS文件位於哪裏？如果它是你的組件的一部分，那麼它會被封裝到你的組件中，你可能需要使用'>>>'或'/ deep /'.scss來打破封裝。 –

我想你想的風格，是您的組件的封裝之外的元素。

這給一個鏡頭：

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

您也可以打破組件封裝用下列造型。但是，我個人更喜歡根據具體情況打破它。

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

有價值的文章：

http://jira.infor.com/browse/HFC-4016

來源

2017-06-21 18:08:59

ng引導工具提示的寬度和背景顏色

回答

相關問題