ブートストラップ4：popoverの色

Question

ブートストラップ4のポップオーバーで矢印の色をどのように修正しますか？

これは私のCSSです：

.popover { 
    background-color: #212121; 
    color: $transparent_white; 
} 

は、これが私のHTMLです：

<div class="popover bs-tether-element show bs-tether-element-attached-top bs-tether-element-attached-center bs-tether-target-attached-bottom bs-tether-target-attached-center" style="top: 0px; left: 0px; position: absolute; transform: translateX(243px) translateY(294px) translateZ(0px);"> 
    <div data-reactroot="" class="popover-inner"> 
     <div class="component-rate-popover popover-content"> 
     </div> 
    </div> 
</div> 

Answer 1

は、この方法を試してみてください。

.popover.popover-bottom::after, 
.popover.bs-tether-element-attached-top::after{ border-bottom-color:#212121; }