bootstrap如何刪除圖標

這篇文章給大家分享的是有關bootstrap如何刪除圖標的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

bootstrap刪除圖標的實現方法：首先打開相應的代碼文件；然后通過將特定CSS類或偽類的background屬性設置為none來簡單地刪除圖標即可。

刪除Bootstrap的驗證圖標

具體問題：

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

您還可以在其中看到這個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>

實現方法：

您可以通過將特定CSS類/偽類的background屬性設置為none來簡單地刪除圖標

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

如果您想刪除驗證圖標，但將箭頭圖標保留在選擇輸入上，則可以通過將background設置為以下內容來實現

.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;
}

感謝各位的閱讀！關于bootstrap如何刪除圖標就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！