Comment modifier le style d'entrée bootstrap

Comment modifier le style d'entrée bootstrap : créez d'abord une étiquette ; puis écrivez une entrée et définissez le type sur fichier ; puis appelez le style par défaut du bouton et enfin modifiez-le en fonction de la couleur du bouton.

L'environnement d'exploitation de ce tutoriel : Système Windows 7, bootstrap version 3. Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel bootstrap"

À propos du changement de style du fichier dans l'entrée dans Bootstrap

Ajouter un style de bouton au type de fichier dans l'entrée

1. Le style du type de fichier dans l'entrée dans Bootstrap est très moche. L'ajout d'un paragraphe de texte à un bouton s'affichera. différents styles en fonction du navigateur. Ainsi, lors du développement, vous pouvez modifier le style du fichier

en style de bouton. Il peut être défini sur le fond blanc par défaut, ou il peut être défini sur vert, rouge, bleu, etc.-------- C'est-à-dire plusieurs états du bouton

"btn btn-default" - style par défaut - blanc

"btn btn-primary" - préférence ——Bleu foncé

"btn btn-success"——Succès——Vert

"btn btn-info"——Informations générales ——Bleu clair

"btn btn-warn"——Avertissement——Orange

"btn btn-danger"——Danger—— —Rouge

"btn btn-link" — lien — blanc

La méthode est :

1. Écrivez une étiquette, la classe est définie sur btn btn- (default/success/warning/Primary/info/danger/link) Set for=file

2. Écrivez un type d'entrée : fichier, définissez l'identifiant sur fichier, le code source est le suivant

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

C'est le style par défaut du fichier d'entrée

Style par défaut du bouton d'appel pour générer un bouton blanc, écrivez une invite dans le bouton

Le style ou la couleur spécifique requis peut être défini en fonction de la couleur du bouton

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!