Farbe der Punkte ändern

Question

Ich möchte den Standardfarbhintergrund der Punkte im inaktiven oder aktiven Zustand ändern. Ich benutze Eulenkarussell Slider

Hier sind die Punkte Ich möchte die Farbe der Punkte ändern.

Ich habe versucht, die folgenden CSS, aber es funktioniert nicht

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

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

Answer 1

Dies ist für Owl-Karussell:

.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; 
} 

Dies ist Bootstrap-Karussell:

.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

versuchen Sie

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