So löschen Sie ein Symbol im Bootstrap

So löschen Sie das Symbol im Bootstrap: Öffnen Sie zuerst die entsprechende Codedatei und löschen Sie dann einfach das Symbol, indem Sie die Hintergrundeigenschaft einer bestimmten CSS-Klasse oder Pseudoklasse auf „Keine“ setzen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap-Version 3.3.7. Diese Methode ist für alle Computermarken geeignet.

Empfohlen: „Bootstrap-Tutorial“ „CSS-Video-Tutorial“

Bootstraps Validierungssymbole löschen

Spezifische Frage:

Ich versuche, diese Bootstrap-Validierungssymbole („x“ und „) zu löschen. check" "), aber ich habe alles recherchiert und kann nicht finden, wo es ist.

Sie können dort auch diese JSFiddle sehen.

<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>

So implementieren Sie:

Sie können das Symbol einfach entfernen, indem Sie die Hintergrundeigenschaft einer bestimmten CSS-Klasse/Pseudoklasse auf „Keine“ setzen.

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

Wenn Sie das Validierungssymbol entfernen möchten, aber das Pfeilsymbol eingeschaltet lassen möchten Wenn Sie die Eingabe auswählen, können Sie dies erreichen, indem Sie den Hintergrund auf den folgenden Inhalt festlegen:

.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 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}

Weitere Kenntnisse zum Thema Programmierung finden Sie unter: Programmierunterricht! !

Das obige ist der detaillierte Inhalt vonSo löschen Sie ein Symbol im Bootstrap. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!