Barres de sélection Bootstrap 5

Plage personnalisée

Pour définir le style du menu de plage, veuillez utiliser .form-range Ajoutez la classe à l'élément input de type="range" :

Plage personnalisée :

Exemple

<label for="customRange" class="form-label">Plage personnalisée</label>
<input type="range" class="form-range" id="customRange">

Essayer par vous-même

Pas

Par défaut, l'intervalle entre les valeurs de la plage est de 1. Vous pouvez utiliser step Modification de l'attribut :

Exemple

<input type="range" class="form-range" step="10">

Essayer par vous-même

Valeur minimale et maximale

Par défaut, la valeur minimale est 0 et la valeur maximale est 100. Vous pouvez utiliser min et/ou max Modification de l'attribut :

Exemple

<input type="range" class="form-range" min="0" max="4">

Essayer par vous-même