Internet Explorer 8: Comment faire lire seulement la saisie de texte ont pas de curseur
Je suis en train de simuler l'apparence de Firefox handicapés de saisie de texte: textarea et de saisie de texte.
La seule compatibilité avec les navigateurs que j'ai à vous inquiéter, c'est Internet Explorer 8. Je n'ai PAS à vous soucier de rien d'antérieur (Intranet)
Internet Explorer ne permet pas de changer la couleur du texte d'un handicapé test d'entrée. Il ne permet pas de couleur d'arrière-plan pour être changé, mais le texte gris sur fond gris, la couleur a été au-delà illisible.
J'ai une zone de saisie de texte et zone déclarée comme suit:
<input name="Count" id="Count" onfocus="this.blur()" type="text" readOnly="readonly" value="0"/>
<textarea name="Notes" id="Notes" style="width: 100%;" onfocus="this.blur()" rows="10" cols="20" readOnly="readonly"/>
J'ai les styles suivants appliquée par l'intermédiaire d'un CSS:
input[readonly], textarea[readonly] {
color:black !important;
background-color: threedface !important;
}
Visuellement, cela fonctionne très bien dans Firefox et IE. Cependant, c'est à dire encore un curseur dans la zone de texte ou une zone de texte. Ce qui me manque?
PLUS
Par le curseur, je fais allusion à un curseur clavier comme lorsque vous êtes en train de vous répondre ici.
Peut-être mon problème est le mieux indiqué en tant qu'utilisateur peut toujours cliquer sur la zone de texte et un clavier curseur se montrer. Il semble que le curseur clignotant disparaît rapidement.
Je ne vois aucune différence avec ce code dans IE 8, IE 9, ou Chrome. Ils semblent tous pour afficher le curseur lorsque vous cliquez dans le champ, puis il disparaît.
Je ne peux pas reproduire le problème sur mon IE8. Pas de curseur clignotant s'affiche.
Pour Shawn: c'est le comportement que je suis l'espoir de fixer, si possible. Si possible, je ne veux pas le curseur de le montrer, même pour une fraction de seconde. Firefox n'affiche pas le curseur à tous.
OriginalL'auteur John Stone | 2011-07-22
Vous devez vous connecter pour publier un commentaire.
essayez d'ajouter un curseur de la propriété css
http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor&préval=par défaut
--- 12/01/27
Un réexamen de cette solution, j'ai trouvé la suite de travailler pour moi, espérons-le, son utile à vous aussi:
OriginalL'auteur Mr Griever
Utiliser cette jQuery simple fonction balise de script pour tous les readonly champs de saisie.
Vous pouvez même utiliser les ID de Classe ou si vous avez besoin d'un article en particulier.
OriginalL'auteur softwareslave
Pouvez-vous utiliser
disabled=disabled
au lieu dereadonly=readonly
?disabled
à ne pas présenter d'entrée.OriginalL'auteur Khan