2009-07-31 5 views
11

Je passe par certains de mes anciens sites où j'ai un formulaire de contact et dans IE8 il y a toujours une barre de défilement verticale affichée pour mes zones de texte, même quand il n'y a pas de contenu.Comment désactiver la barre de défilement par défaut pour les zones de texte dans IE8?

Dans Firefox, il ne semble pas que la barre de défilement verticale existe avant que le contenu de la zone de texte n'atteigne une hauteur jugée nécessaire.

J'ai stylisé mes boîtes de saisie sur mes anciens sites, et une barre de défilement apparaissant par défaut les rend plutôt moche.

Ma question, est ce que je peux faire à ce sujet, ou est-ce juste un comportement IE8 par défaut?

J'ai essayé le réglage overflow: auto mais cela n'a pas fonctionné.

+0

C'est bizarre. Cherchez-vous une solution CSS, ou peut-être jscript? –

+0

CSS de préférence ... mais JS si je * doit * – alex

+0

Avez-vous essayé overflow: caché, comme mentionné ci-dessous? –

Répondre

23

Je ne peux pas tester sur IE8 en ce moment, mais je peux vous dire que cela fonctionne dans IE6:

textarea { 
    overflow-y: auto; 
} 
+0

Vérifier ma mise à jour! Merci pour votre réponse. – alex

-3

Utiliser overflow: hidden et tout ira bien.

<HTML> 
    <BODY> 
     <textarea rows="10" style="overflow: hidden;"/> 
    </BODY> 
</HTML> 
+3

Cela rendrait l'accès très difficile à l'utilisateur s'il saisissait plus de texte qu'il ne peut en contenir dans la zone visible. –

+0

Mauvaise solution. Cela cache le texte et va probablement dérouter l'utilisateur. En outre, quelle est la norme de votre soupe tag? – You

+0

J'ai supposé que l'OP voulait juste que la barre de défilement ne soit pas du tout ... ma mauvaise! – Tejs

Questions connexes