如何删除引导轮播指示器编号？

Question

您好，我使用引导轮播，但我不想使用引导指示器，我想使用自己的指示器来更改幻灯片。这是我不想在轮播中出现的数字。 enter image description here 这是我与指标相关的代码和

<div id="carousel-example-2" class="carousel slide carousel-fade " style="margin-top: 12px;" data-ride="carousel">

<ol>
  <li data-target="#carousel-example-2" data-slide-to="0" class="active" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 550px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/mflogo2.jpg);width: 50px;height: 50px;background-size:contain;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="1" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 610px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/lab.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="2" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 670px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/code.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="3" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 730px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/study.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="4" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 790px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/lab2.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="5" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 850px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/lab3.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="6" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 910px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/class.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
</ol>

Answer 1

您可以使用 ::marker 并添加 font-size:0 也可以设置任何您想要的样式。

这里是sn-p

li::marker{font-size:0;}

<ol>
  <li data-target="#carousel-example-2" data-slide-to="0" class="active" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 550px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/mflogo2.jpg);width: 50px;height: 50px;background-size:contain;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="1" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 610px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/lab.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="2" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 670px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/code.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="3" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 730px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/study.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="4" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 790px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/lab2.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="5" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 850px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/lab3.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
  <li data-target="#carousel-example-2" data-slide-to="6" style="margin-top: -60px;position: absolute;z-index: 500;margin-left: 910px;margin-top: 390px;"><button style="border-radius: 50%;padding: 7px;background-image: url(images/class.jpg);width: 50px;height: 50px;background-size:cover;background-repeat: no-repeat;"></button></li>
</ol>