7
votes

Étrange frontière bleue sur firefox

S'il vous plaît, regardez ce code

http://www.jsfiddle.net/tt13/5cxpr/21

sur Firefox, il affiche une étrange bordure bleue lorsque vous sélectionnez plusieurs lignes en appuyant sur le bouton Ctrl , mais sur Chrome, cela ne le fait pas.

Entrez la description de l'image ici

Utilisation de la dernière firefox 10.0.2.

est-ce que ce bogue connexe du navigateur?


6 commentaires

N'est-ce pas une fonctionnalité? Firefox met en évidence des éléments sélectionnés avec une bordure bleue.


C'est probablement le contour de votre voir, essayez de le supprimer.


@Alex Dunno. Quoi qu'il en soit, s'il s'agit de la fonctionnalité, je veux le désactiver. Question est, comment?


@adeneo non ce n'est pas. J'ai essayé d'ajouter un contour: 0 à .Selected sélecteur. Rien n'a changé


Dur à dire. Je ne peux pas vraiment tester votre violon, ça ne fonctionne pas sur Mac. Je pense que l'événement Ctrlkey n'est pas tiré.


Je n'ai pas testé cela, mais annuleriez l'événement Boubillage de l'aide de la clé Ctrl?


3 Réponses :


8
votes

Essayez Définition de la propriété CSS -MOZ-User-Sélectionnez CODE> à la table pour désactiver le comportement de sélection par défaut:

table { -moz-user-select: none; }


4 commentaires

La conséquence négative de ceci est que cela désactive le tout en sélectionnant le texte de la table. Non seulement supprime la frontière en cliquant sur la cellule de table avec Ctrl pressée.


@Marattanalin Ooopss. Oui, tu es vrai. Quelle est votre solution?


@ TRL13 Solution consiste à effacer la sélection, non pas l'empêcher - voir ma réponse.


@ TRL13 Je ne pense pas que cette fonctionnalité de navigateur natif doit être combattue du tout. Il est le droit de l'utilisateur de pouvoir utiliser les fonctionnalités de son navigateur. Le blocage de telles fonctionnalités est généralement nocif pour l'expérience utilisateur.



9
votes

Ceci est dû au texte sélectionné - Comportement de navigateur natif.

Vous pouvez observer le même problème en Chrome également en utilisant la touche Shift au lieu de CTRL .

Pour surmonter ceci, vous pouvez simplement effacer la sélection juste après l'utilisateur, cliquez sur la cellule pour sélectionner: xxx

Fiddle mis à jour .


0 commentaires

3
votes

Ceci fonctionne pour la version actuelle de Firefox 20.0.1 si vous êtes prêt à ajouter un élément supplémentaire à l'intérieur de votre cellule pour permettre au texte de toujours être sélectionnable.

td { -moz-user-select: -moz-none }
td * { -moz-user-select: text }


1 commentaires

Comment gérez-vous plusieurs rangées? J'ai une table avec de nombreuses rangées. Avec votre solution, je peux simplement sélectionner un TD d'une ligne. Pouvez-vous fournir une solution? Merci d'avance