Styliser les entrées de recherche avec des icônes dans Bootstrap
Bootstrap 4 a éliminé la prise en charge des glyphicons, mais il existe toujours des moyens d'incorporer des icônes dans les entrées de recherche . Voici quelques approches :
Utilisation des groupes d'entrée :
<div class="input-group"> <input class="form-control border-end-0 border rounded-pill" type="text" value="search">
<div class="input-group col-md-4"> <input class="form-control py-2" type="search" value="search">
Positionnement de l'icône à l'intérieur de l'entrée :
<input class="form-control py-2 border-right-0 border" type="search" value="search">
Utilisation du texte du groupe de saisie sans arrière-plan :
<input class="form-control py-2 border-right-0 border" type="search" value="search">
Autres options :
<div class="row no-gutters"> <div class="col"> <input class="form-control border-secondary border-right-0 rounded-0" type="search" value="search">
<div class="input-group"> <span class="input-group-prepend"> <div class="input-group-text bg-transparent border-right-0"> <i class="fa fa-search"></i> </div> </span> <input class="form-control py-2 border-left-0 border" type="search" value="...">
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!