IE7 input:focus
J'ai le code CSS suivant qui ne fonctionne pas dans IE7.
input:focus{border-width: 2px;border-color: Blue; border-style: solid;}
En gros, je veux juste à la frontière des attributs lors de l'entrée est concentré. Fonctionne dans Firefox, etc... Si quelqu'un pourrait expliquer pourquoi il ne fonctionne pas sous IE 7 et de proposer une solution de contournement possible, il serait apprécié. Merci.
Je me dis que je voudrais ajouter: meyerweb.com/eric/css/tests/css2/sec05-11-03.htm <- cette page présente une démonstration... lorsqu'une zone de texte a le curseur, il est "porté", et devrait virer au rose.
Bon lien. Essayez de sélectionner les liens dans IE 7, pas de frontière, essayer dans firefox - frontière.
Bon lien. Essayez de sélectionner les liens dans IE 7, pas de frontière, essayer dans firefox - frontière.
OriginalL'auteur Rob | 2009-06-09
Vous devez vous connecter pour publier un commentaire.
Une réponse connue pour ce problème est d'utiliser le code suivant:
Et ici est le style css
Le problème est que IE ne reconnaît pas que le style.
EDIT: Vous pouvez trouver une solution à l'aide de prototype ici: http://codesnippets.joyent.com/posts/show/1837
Schieber, puisque vous êtes à l'aide de jQuery, vous pouvez faire un rapide au chargement de la page, vérifier si vous avez affaire avec MSIE, et ajouter des événements de focus et blur avec le même genre d'idée que nandokakimoto. Il a besoin d'un petit changement dans votre CSS. Vérifier ma réponse pour une autre approche.
Quelle est la syntaxe pour "sffocus=function(){}" signifie exactement? Je suis à essayer de comprendre ce qu'il est en train de faire ici. Aussi ce besoin d'aller dans les balises de script correct?
Cela signifie: Affecter la valeur de sfFocus une fonction () {définition}... pour plus tard être appelé par sfFocus(); Oui, il doit être dans les balises de script, comme c'est du code Javascript.
OriginalL'auteur nandokakimoto
Je comprends le désir de ne pas ajouter des événements, mais dans ce cas, il ressemble MSIE7 est jerk, sur ce point, et doit être piraté autour. Dans votre commentaire de @Ape-inago vous indiquent que vous êtes à l'aide de jQuery. Voici une solution en jQuery. J'ai testé cette dans MSIE 6 et 7, et il semble faire ce que vous voulez.
C'est une très vieille question, mais si vous allez à aller dans cette voie, pourquoi utiliser CSS:focus pour l'un et une classe pour les autres? Pourquoi ne pas utiliser la même méthode pour les deux et débarrassez-vous de l'entrée:l'accent? De cette façon, quand il se casse, vous saurez corriger par tous les navigateurs et ne pas avoir plus d'une méthode pour nettoyer - il y a une petite perte de performance pour les navigateurs qui prennent en charge le CSS de l'événement, mais il y a aussi une petite perte de performance pour l'
if
bloc. Aussi, pourquoi ne pasif (jQuery.browser.msie)
? Les longueurs supplémentaires pour vérifier le type de données et la valeur sont inutiles pour quelque chose de jQuery contrôles.Je ne suis pas la compréhension de ce que vos objections. Ajout d'une classe sont le soutien à l'ei. Tests pour MSIE en jQuery semble approprié, mais je ne sais pas si le correctif est nécessaire aujourd'hui, un an et demi plus tard, pour IE6, IE7, IE8, IE9. Je vous suggère d'ajouter un nouvel élément de réponse si vous avez une solution plus complète.
OriginalL'auteur artlung
Si vous utilisez jQuery 1.7+ ensuite, vous trouverez l'utilisation de "Vivre" n'est plus recommandé, la nouvelle alternative.sur " de sorte que le code #DotNetWise a utilisé ci-dessus, on pourra lire:
C'est une question où la détection du navigateur fait plus de sens que la détection de fonctionnalité comme il n'y a pas de bonne façon de le détecter.
OriginalL'auteur TonyR
JQuery plus simple et plus agréable à la solution qui fonctionne pour chaque entrée, même pour ceux dynamiquement attachés plus tard:
CSS exemple:
OriginalL'auteur Adaptabi
Il vaut mieux obtenir de l'aide de javascript dans ce cas
OriginalL'auteur Dipesh Kc
il fonctionne PRESQUE
Le problème, c'est que, lorsque l'élément en question a le focus et que vous ouvrez une autre fenêtre, puis retourner à la page avec l'élément en question sur elle, elle s'habille de manière incorrecte 🙁
OriginalL'auteur Dan Lewis