css - 样式 ngBootstrap 工具提示

Question

我在一个 Angular 为 4 的组件中有一个简单的 ngBootstrap 工具提示，我正在尝试设置它的样式。根据其他 SO 问题，这应该有效:

.tooltip-inner {
    background-color: #00acd6 !important;
    /*!important is not necessary if you place custom.css at the end of your css calls. For the purpose of this demo, it seems to be required in SO snippet*/
    color: #fff;
}

但是没有效果。我确认在工具提示中使用了 tooltip-inner 类，但它没有被应用

Answer 1

我猜这对你不起作用，因为你没有在你的主 style.scss 文件(或你通过 angular-cli 的“styles”:[] 全局加载的任何其他 .scss 文件)上尝试它。 JSON)。在 component.scss 级别它不会工作。

我刚刚用过:

.tooltip-inner {
  opacity: 0.8 !important;
}

我认为:/deep/不是一个好的做法。