旋转木马指示器不显示在幻灯片上的白色背景上(自定义样式或类添加)?

gen*_*eek 16 twitter-bootstrap

我该如何重新设置我的旋转木马指示器?我有中间内容的白色幻灯片,白色指示灯没有出现.如何自定义使用较暗的颜色以便显示?

thi*_*aga 38

.carousel-indicators li在另一个文件中覆盖bootstrap类,如下所示:

.carousel-indicators li {
  background-color: #999;
  background-color: rgba(70, 70, 70, 0.25);
}

.carousel-indicators .active {
  background-color: #444;
}
Run Code Online (Sandbox Code Playgroud)

  • 您还可以调整指标周围的轮廓:`border:1px solid#444;` (5认同)

Kei*_*... 5

don't forget to point !important after styles :

.carousel-indicators li {
  background-color: #999 !important;
  background-color: rgba(70,70,70,.25) !important;
}

.carousel-indicators .active {
  background-color: #444 !important;
}
Run Code Online (Sandbox Code Playgroud)

  • 声明`!important`不是强制性的,也是一种不好的做法.在此处查看更多信息:http://stackoverflow.com/questions/3706819/what-are-the-implications-of-using-important-in-css (2认同)