如何更改轮播活动指示灯颜色 - Bootstrap

时间:2016-09-16 16:20:09

标签: html css twitter-bootstrap

我想更改轮播活动指示灯颜色。这是示例

http://www.w3schools.com/bootstrap/trybs_theme_band_full.htm#band

我想从白色变为红色

3 个答案:

答案 0 :(得分:6)

Bootstrap样式控制轮播活动点为.carousel-indicators .active所以:

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

答案 1 :(得分:0)

可以通过删除SVG图标并将其更改为字体真棒图标来更改控件链接的内容。然后可以通过向其添加类来设置图标样式。 E.G。

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

答案 2 :(得分:0)

尝试一下:

// 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);