Heim >Web-Frontend >Bootstrap-Tutorial >So ändern Sie den Bootstrap-Eingabestil
So ändern Sie den Bootstrap-Eingabestil: Erstellen Sie zuerst eine Beschriftung, schreiben Sie dann den Typ auf Datei und ändern Sie ihn schließlich entsprechend der Farbe der Schaltfläche.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootstrap-Version 3. Diese Methode ist für alle Computermarken geeignet.
Empfohlen: „Bootstrap-Tutorial“
Über die Stiländerung der Datei in der Eingabe in Bootstrap
Schaltflächenstil zum Dateityp in der Eingabe hinzufügen
1. Der Dateitypstil in Die Eingabe in Bootstrap ist nicht schön. Das Hinzufügen eines Textes zu einer Schaltfläche zeigt je nach Browser unterschiedliche Stile an. Daher können Sie beim Entwickeln den Dateistil ändern. Er kann auf den Standardstil festgelegt werden , weißer Hintergrund, oder Es ist grün, rot, blau usw. -------- das heißt, mehrere Zustände der Schaltfläche
"btn btn-default"——Standardstil——weiß"btn btn-primary"—— Präferenzen - dunkelblau
"btn btn-success" - Erfolg - grün
"btn btn-info" - allgemeine Informationen - hellblau
"btn btn -warn“ ——Warnung——Orange
"btn btn-danger"——Gefahr——Rot
"btn btn-link"——Link——Weiß
Die Methode ist:
1. Schreiben Sie eine Bezeichnung, die Klasse ist auf btn btn- (Standard/Erfolg/Warnung/
Primär/Info/Gefahr/Link) eingestellt. Setzen Sie for=file2. Schreiben Sie einen Eingabetyp auf Datei und legen Sie fest ID zur Datei, Quellcode Wie folgt
<p class="form-group"> <label class="col-sm-2 control-label"><img src="index.png"alt=""></label> <p class="col-sm-2 "> <label for="file"class=" btn btn-default">更换头像</label> <input id="file"type="file"style="display:none"> </p> </p>
Dies ist der Standardstil der Eingabedatei
Rufen Sie den Standardstil der Schaltfläche auf, um eine weiße Schaltfläche zu generieren, und schreiben Sie eine Eingabeaufforderung in die Schaltfläche
Der spezifische Stil oder die erforderliche Farbe kann anhand der Farbe der Schaltfläche „Einstellungen“ bestimmt werden
Das obige ist der detaillierte Inhalt vonSo ändern Sie den Bootstrap-Eingabestil. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!