Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de changement de background input

Sujet résolu
    7 février 2020 à 12:13:09

    Bonjour,

    Je viens vers vous aujourd'hui car j'ai un petit problème avec le changement de background d'un input.

    Dans mon interface, j'ai un input qui peut être disabled ou non.

     <- Disabled  <- Not disabled

    Lorsque la valeur est changée, je change via Javascript la couleur de fond de l'input qui passe en orange.

    document.getElementById(axe).style.backgroundColor = "orange";

    Lors de la validation, je repasse la couleur de fond de l'input en blanc.

    document.getElementById(axe).style.backgroundColor = "white";

    Seulement, quand je repasse l'input en disabled, il n'est plus focusable etc mais le fond ne se grise plus

    Et lorsque j'utilise des propriétés comme initial, unset, inherit ou all , le fond devient transparent.

    Des idées de comment régler ce problème?

    Merci d'avance.

    • Partager sur Facebook
    • Partager sur Twitter
      10 février 2020 à 8:51:13

      Salut !

      Je te conseille de mettre en place une couleur par défaut que tu auras choisi pour les champs en disabled, en CSS (pour sa première apparition) et en JS (pour les changements). Tu peux toujours utiliser la Boîte à Couleurs, mais sache que les couleurs par défaut dépendent du navigateur.

      Mais sinon, je pense que tu devrais y arriver avec initial.

      • Partager sur Facebook
      • Partager sur Twitter
        10 février 2020 à 9:38:20

        Bonjour,

        merci pour la piste !

        Du coup, il n'a pas moyen de récupérer les couleurs par défaut du navigateur?

        UPDATE: Du coup en définissant la couleur background dans le CSS pour les inputs disabled, et avec la mention "!important", cela fonctionne. Merci pour ton aide !

        -
        Edité par MaxPalDEV 10 février 2020 à 9:46:16

        • Partager sur Facebook
        • Partager sur Twitter

        Problème de changement de background input

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