ng2-popover改变整个popover的css /背景颜色？

Question

我有一个Angular2应用程序，我正在使用找到here的ng2-popover模块。这是我正在使用的一些示例代码：

<popover-content #myPopover 
            title="Popover title" 
            placement="bottom"
            [animation]="true" 
            [closeOnClickOutside]="true" style="background-color: red">
                <b>Very</b> <span style="color: #C21F39">Dynamic</span> <span style="color: #00b3ee">Reusable</span>
                <b><i><span style="color: #ffc520">Popover With</span></i></b> <small>Html support</small>.
</popover-content>

我知道如何更改内容的样式（正如我在示例中所做的那样）但是如何更改整个popover本身的样式，例如background-color和box-shadow？

Answer 1

您应该可以使用其中一个special selectors：

:host /deep/ .popover {
  background-color: red;
  box-shadow: 0px 0px 0px 0px;
}

DEMO