這篇文章給大家分享的是有關(guān)bootstrap如何刪除圖標(biāo)的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)專注于蟠龍網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供蟠龍營(yíng)銷型網(wǎng)站建設(shè)，蟠龍網(wǎng)站制作、蟠龍網(wǎng)頁設(shè)計(jì)、蟠龍網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù)，打造蟠龍網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供蟠龍網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

bootstrap刪除圖標(biāo)的實(shí)現(xiàn)方法：首先打開相應(yīng)的代碼文件；然后通過將特定CSS類或偽類的background屬性設(shè)置為none來簡(jiǎn)單地刪除圖標(biāo)即可。

刪除Bootstrap的驗(yàn)證圖標(biāo)

具體問題：

我正在嘗試刪除這些Bootstrap's validation圖標(biāo)(“x”和“check”)，但是我已經(jīng)研究了所有內(nèi)容，但找不到它在哪里。

您還可以在其中看到這個(gè)JSFiddle。

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
<form class="was-validated">
  <div class="form-group">
    <select class="custom-select" required>
      <option value="">Open this select menu</option>
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
    </select>
    <div class="invalid-feedback">Example invalid custom select feedback</div>
  </div>
</form>

實(shí)現(xiàn)方法：

您可以通過將特定CSS類/偽類的background屬性設(shè)置為none來簡(jiǎn)單地刪除圖標(biāo)

.was-validated .custom-select:valid {
  background-image: none;
}
.was-validated .custom-select:invalid {
  background-image: none;
}

如果您想刪除驗(yàn)證圖標(biāo)，但將箭頭圖標(biāo)保留在選擇輸入上，則可以通過將background設(shè)置為以下內(nèi)容來實(shí)現(xiàn)

.was-validated .custom-select:invalid {
     background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h5zm0 5L0 3h5z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}

感謝各位的閱讀！關(guān)于bootstrap如何刪除圖標(biāo)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

分享標(biāo)題：bootstrap如何刪除圖標(biāo)
當(dāng)前網(wǎng)址：http://chinadenli.net/article38/gpdgsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、標(biāo)簽優(yōu)化、企業(yè)建站、企業(yè)網(wǎng)站制作、網(wǎng)站建設(shè)、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)