如何刪除引導輪播指示器編號？

Question

嗨，我使用引導輪播，但我不想使用引導指示器，我想使用自己的指示器來更改幻燈片。 這是我不想在輪播中出現的數字。 在此處輸入圖像描述這是我與指標相關的代碼和

<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 ，您也可以根據需要設置任何樣式。

這是片段

 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>