Partage
  • Partager sur Facebook
  • Partager sur Twitter

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


    • Partager sur Facebook
    • Partager sur Twitter

    Mise en forme <datalist>

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown