Comment changer la couleur d'arrière-plan de la zone de texte en lecture seule dans le css

Comment changer la couleur d'arrière-plan de la zone de texte en lecture seule dans le css

  • qu'entendez-vous par "readonly zone de texte"?
  • Si vous voulez une réponse adéquate, vous devriez poster une question. Quel est ton code actuel ? Ce qui déclenche le changement ? Êtes-vous à l'aide de toute bibliothèque JS (comme jQuery, par exemple) ?
InformationsquelleAutor reign | 2010-12-01
  1. 7

    Il y a trop d'unkowns dans votre question. Le navigateur voulez-vous soutenir? Si vous dites zone de texte vous semblez utiliser ASP.NET mais il n'y a pas de balise à vous remettre en question.

    Dit généralement, le comportement entre les navigateurs sont différents.

    Considérer le code html suivant

    <html>
      <head>
      </head>
      <body>
             <input type="text" disabled="disabled" value="This is a test" style="background-color:Black; color:Lime;" />
      </body>
</html>

    IE8 rend la couleur d'arrière-plan correctement, mais désactivé contrôles ont toujours un texte en gris avec des ombres. Mozille Firefox a côté de ce qui rend le contrôle correct et je suis sûr qu'il y aura un écart d'autant plus les différents navigateurs et même entre les versions de navigateur (IE6 permettrait d'interpréter la couleur correctement les valeurs de trop).

    Si vous voulez avoir un html quel que soit le navigateur que vous utilisez, vous devez utiliser un span ou un autre élément inline, à la formater avec la frontière et les couleurs que vous voulez, au lieu d'utiliser un élément d'entrée.

    • merci pour la réponse.. est-il possible que je peux l'utiliser comme CSS externe?
    InformationsquelleAutor jb_
  2. 2

    Vous pouvez utiliser

    input[disabled="disabled"] { background:url("url-to-background-image.jpg") no-repeat #fff; }

    et, pour les plus navigateur qui ne supporte pas ce sélecteur, vous pouvez utiliser jQuery pour appliquer une classe

    $(document).ready(function() {
    $("input[disabled="disabled"]").addClass('disabled');
});

    Et sauf s'il est désactivé à tout moment, vous devez fournir js pour la suppression de la classe avec js pour permettre à l'informatique.

    • Je peux l'utiliser en lecture seule?
    • oui il suffit de changer le jquery, css sélecteur : $("input[readonly="readonly"]")
    InformationsquelleAutor olemarius
  3. 0

    vous pouvez essayer ce

    input:-moz-read-only { /* For Firefox */
    background-color: yellow;
}

input:read-only {
    background-color: yellow;
}
    InformationsquelleAutor Mark Gerryl Mirandilla