ドットの色を変更する

Question

非アクティブ状態またはアクティブ状態のドットのデフォルトの色の背景を変更したい。私は使用していますフクロウカルーセルスライダー

私はドットの色を変更したいです。

私は以下のCSSを試してみましたが、それはこれがフクロウカルーセルのためである

.owl-pagination .owl-page{ 
    background-color: white; 

} 
.owl-pagination .owl-page .active 
{ 
    background-color: aqua; 
} 

Answer 1

が動作していない：

.owl-theme .owl-dots .owl-dot span{ 
    width:10px; 
    height:10px; 
    margin:5px 7px; 
    background: #b71616 !important; 
    display:block; 
    -webkit-backface-visibility:visible; 
    -webkit-transition:opacity 200ms ease; 
    -moz-transition:opacity 200ms ease; 
    -ms-transition:opacity 200ms ease; 
    -o-transition:opacity 200ms ease; 
    transition:opacity 200ms ease; 
    -webkit-border-radius:30px; 
    -moz-border-radius:30px; 
    border-radius:30px; 
} 

これはブートストラップカルーセルです：

.carousel-indicators li{ 
    display:inline-block; 
    width:10px; 
    height:10px; 
    margin:1px; 
    text-indent:-999px; 
    cursor:pointer; 
    background-color: #ff0000 !important; 
    border:1px solid #fff; 
    border-radius:10px; 
} 

Answer 2

お試しください

.owl-pagination .owl-page span { 
    background-color: white; 
} 
.owl-pagination .owl-page .active span 
{ 
    background-color: aqua; 
}