如何更改转盘活动指示器颜色- Bootstrap

6ojccjat  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(3)|浏览(172)

我想更改转盘活动指示器的颜色。
http://www.w3schools.com/bootstrap/trybs_theme_band_full.htm#band
我想从白色变成红色

wlwcrazw

wlwcrazw1#

控制转盘活动点的Bootstrap样式为.carousel-indicators .active,因此:

.carousel-indicators .active{
    background-color: #f00;
}
xvw2m8pv

xvw2m8pv2#

可以通过移除SVG图标并将其更改为字体极好的图标来更改控件链接的内容。然后可以通过向图标添加类来设置其样式。

<a class="carousel-control-prev" href="#carouselProfileMedia" role="button" data-slide="prev">
    <i class="fa fa-arrow-circle-left fa-2x *YOUR-CUSTOM-CLASS*" aria-hidden="true"></i>
    <span class="sr-only">Previous</span>
</a>
z4iuyo4d

z4iuyo4d3#

试试这个:

// CSS rule and invert the color, from black to white, using invert() .5 is gray

// we can use sepia() to turn our gray into a brown

// Using saturate() and hue-rotate(), we can fiddle with these values until we arrive at the desired color.

filter: invert(.5) sepia(1) saturate(5) hue-rotate(175deg);

相关问题