Supprimer le texte curseur/pointeur à partir de concentré readonly d'entrée

Je suis en utilisant un <input readonly="readonly">, de style comme du texte normal pour supprimer l'apparition d'un système interactif de champ, mais toujours afficher la valeur.

C'est très utile pour empêcher un utilisateur d'éditer un champ, tout en étant en mesure de publier de la valeur. Je réalise que c'est une méthode pratique et qu'il y a plusieurs solutions de contournement, mais je veux utiliser cette méthode.

Problème: Le curseur clignotant apparaît encore lorsque le champ est cliqué/concentré. (Au moins dans FF et IE8 sur Win7)

Idéalement, j'aimerais qu'il se comporte comme il le fait normalement, peut recevoir le focus, mais sans le clignotement du curseur.

Javascript solutions de bienvenue.

  • Vous êtes en train d'abuser d'un contrôle d'entrée qui est conçu pour avoir les fonctionnalités dont il a besoin (comme l'accent l'accent circonflexe, soulignant etc). Toute sorte de hack n'est pas garanti dans les futures versions de navigateurs. La façon la plus propre de le faire serait d'utiliser une étiquette et un champ caché de soumettre la valeur.
  • Avec cela à l'esprit, je pense que votre expérience de le signe indiquant quand le champ est en lecture seule n'est pas commun. Quel système d'exploitation/navigateur utilisez-vous? Je n'ai jamais vu un champ en lecture seule affiche un curseur sur n'importe quel Mac ou Windows navigateur; j'avoue que je n'ai pas fait de test non-Mac *nix navigateurs.
  • Chrome ne montre pas de signe, le reste ne.
InformationsquelleAutor Wesley Murch | 2011-03-26