Partage

Mise en forme <datalist>

13 juin 2018 à 17:39:28

Bonjour,

Mon problème est tout bête, j(utilise un input lié à une dataliste est j'aimerais pouvoir mettre en forme la liste que trouve passablement moche.

<input list="browsers" name="browser">
  <datalist id="browsers">
    <option value="Internet Explorer">
    <option value="Firefox">
    <option value="Chrome">
    <option value="Opera">
    <option value="Safari">
  </datalist>

Je veut rien faire de bien sorcier juste modifier la taille des colonnes et autre petite broutille de css mais je n'y arrive absolument pas, j'ai essayer cela mais sans succés:

#listInfo option{
  border-bottom: 1px solid rgba(112, 128, 144, 0.1);
  border-left: 1px solid rgba(112, 128, 144, 0.1);
  border-right: 1px solid rgba(112, 128, 144, 0.1);
  background-color:white;
  width: 144px;
  height: 43px;
  align-items: center;
  display: flex;
  padding-left: 20px;
}

ça modifie bien l'apparence de ma datalist mais pas la liste qui découle de mon input.

Merci d'avance pour votre aide


Mise en forme <datalist>

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown