supprimer par défaut de la boîte de sélection de la flèche dans firefox
Je dois supprimer la valeur par défaut de sélectionner la zone de la flèche dans firefox
J'ai utilisé le code ci-dessous
-webkit-appearance: none;
-moz-appearance:none;
background: rgba(0,0,0,0);
son bon travail dans google chrome. mais sa ne fonctionne pas dans firefox.
OriginalL'auteur manoranjani.a | 2013-06-13
Vous devez vous connecter pour publier un commentaire.
Mise à jour: cela a été corrigé dans Firefox v35. Voir la plein de gist pour plus de détails.
Viens de comprendre comment faire pour supprimer la flèche sélectionner à partir de Firefox. L'astuce consiste à utiliser un mélange de
-prefix-appearance
,text-indent
ettext-overflow
. C'est du pur CSS et ne nécessite pas de supplément de balisage.Testé sur Windows 8, Ubuntu et Mac, les dernières versions de Firefox.
Live exemple: http://jsfiddle.net/joaocunha/RUEbp/1/
Plus sur le sujet: https://gist.github.com/joaocunha/6273016
Pas pour le moment. Vérifiez le résumé que j'ai posté qui vous donne la pleine vérité. gist.github.com/joaocunha/6273016
OriginalL'auteur João Cunha
De la manipulation de ce qui peut être fait de manière suivante :
1) votre code html peut être comme ceci:
2)votre css devrait être comme ceci:
De l'essayer. J'espère que cette aide. Travailler sur les dernières versions de firefox, chrome, ie et safari, si ce n'est sur toutes les versions. Mais ne manquez pas sur toutes les versions de tous les navigateurs.
OriginalL'auteur Vineet 'DEVIN' Dev
Je pense qu'il n'y a pas de moyen simple de le faire dans Firefox, en particulier pour Linux et Mac OS version.
Modifier l'opacité de la zone de sélection à 0, et ensuite utiliser un div/span contenir la boîte de sélection. Après cela, ajouter un peu de styles sur le conteneur. Ce n'est pas une solution recommandée, et c'est trop cher si nous voulons seulement modifier le style d'une boîte de sélection. Cependant, il résout le problème de toute façon. Espérons que cette aide. =)
Original:
Nouveau:
Style:
Ensuite, ajouter un peu de Javascript pour afficher la valeur sélectionnée dans le conteneur.
OriginalL'auteur Shaun
gcyrillus proposer une solution élégante à ce problème dans ce site web.
http://css-tricks.com/forums/topic/remove-select-arrow-for-chrome-and-firefox/
OriginalL'auteur Rochadsouza