ng2-popover는 전체 popover의 CSS/배경색을 변경합니까?

Question

나는 Angular2 앱을 가지고 있는데 ng2-popover 모듈을 사용하고 있습니다. here입니다.

<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> 

내가 (내가 예에서했던 것처럼) 내용의 스타일을 변경하는 방법을 알고 있지만 어떻게 자체가 등으로 전체 팝 오버의 스타일을 변경하는 방법 : 여기 내가 사용하고 몇 가지 예제 코드는 background-color 및 box-shadow?

Answer 1

당신은이에 대한 special selectors 중 하나를 사용 할 수 있어야한다 :

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

DEMO

을