如何更改.carousel-control-next-icon悬停颜色

时间:2018-12-05 08:15:38

标签: bootstrap-4 controls carousel

哪个css属性控制引导程序4轮播控件图标的悬停颜色-“ .carousel-control-next-icon”和“ .carousel-control-prev-icon”?

1 个答案:

答案 0 :(得分:0)

“轮播”图标箭头使用SVG图像。您可以根据需要使用HEX,RGBA,命名颜色等更改fill属性。

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=...' fill='#ffcc00' ...);
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=...' fill='cyan' viewBox='...');
}

https://www.codeply.com/go/s9QQJY5uDU

另一种选择是使用字体图标,例如Fontawesome,Feather Icons等...