Supprimer Firefox lueur ciblée textarea

Je ne peux pas comprendre ça. Je suis en train d'essayer de se débarrasser de cette lueur bleue lorsque textarea est mis en évidence dans Firefox.

Voici mon CSS:

textarea
{
    margin:0;
    padding:0;
    width: 598px;
    height: 600px;
    resize: none;
    outline: none;
}

:focus {
      outline:0;
      outline:none;
}

Il l'enlève dans Safari, mais je n'ai pas de chance avec Firefox.

Merci!
Matt

OriginalL'auteur Matt | 2010-07-24

  1. 9

    Vous pouvez le supprimer avec -moz-appearance:none;, mais qui peuvent affecter l'ensemble de l'apparence plus que vous êtes désireux.

    Magnifique.. Merci! Il supprime juste sur tous les textarea qui est très bien.

    OriginalL'auteur user11977

  2. 29

    comment sur 

    *:focus {outline:0px none transparent;}
    Cela fonctionne aussi pour Webkit/Chrome.
    C'est la meilleure réponse.
    Malheureusement, dans les modernes versions de Firefox (testé avec FF 21 sur Mac OS X) outline n'influence pas le bleu "glow" autour d'un concentré <input> à tous: jsbin.com/elukeq/1/edit
    textarea, textarea:hover, textarea:focus, textarea:active {border:none; outline:none;} mieux de la suite de cette affaire

    OriginalL'auteur isildur4

  3. 6

    Si vous l'utiliser sur le textarea style:

    outline:none;

    ... il devrait fonctionner avec tous les navigateurs, et pas seulement Firefox

    OriginalL'auteur Steve

  4. 2

    Je suis assez sûr que c'est un Mac OS X thème spécifique de comportement.

    5 ans plus tard et c'est toujours un Mac OS X theme-comportements spécifiques,...

    OriginalL'auteur Delan Azabani

  5. 1

    Juste d'ajouter ou de définir une frontière... par exemple, si une bordure est définie et j'ai ajouté outline: none; mon CSS, cela fait l'affaire.

    OriginalL'auteur Brady Mills Graphics

  6. 0

    Vous ne pouvez pas supprimer la lueur dans Firefox, je pense.. Seule façon de le faire serait par l'ajout d'une bordure personnalisée à votre élément, comme border: 1px black;, qui ferait de la zone de saisie n'ont aucun éclat.

    Seulement populaire navigateurs qui permet à l' outline balise Safari et Chrome (pas sûr de navigateurs sous linux).

    Le contour est pris en charge par IE.

    OriginalL'auteur jolt

  7. 0

    sur #3

       #Solution0:focus{
      border:solid #CCC 1px;
      outline:1px none transparent;
   }

    OriginalL'auteur Vainglory07

  8. 0

    La meilleure façon de résoudre ce problème, à mon avis, est de définir une bordure personnalisée et :focus comportement.

    textarea {
    margin:0;
    padding:0;
    width: 598px;
    height: 600px;
    resize: none;
    outline: none;
    border: none;
}

textarea:focus {
      outline: none;
      border: none;
}

    OriginalL'auteur robsonmwoc

  9. 0

    Légèrement sans rapport mais peut-être utile de réponse: Dans mon cas, la lueur bleue était à l'origine un problème d'alignement dans Firefox, car il ajoute un pixel supplémentaire ou deux, et les changements de l'ensemble de la taille de l'élément. Ma conjecture est que beaucoup de gens arrivent à cette question pour des raisons similaires, et plutôt que de supprimer la lueur bleue au total, la solution je suis venu était le style de l'élément de rembourrage spécialement pour Firefox:

    @-moz-document url-prefix() {
    input:focus {
        padding: 5px!important;
    }
}

    Vous pouvez la changer pour la suite de vos besoins, mais il peut être utile pour certains de vous faire connaître les @-moz-document url-prefix() règle.

    OriginalL'auteur billynoah

  10. 0

    J'ai juste eu un problème avec cela, sur un texte d'entrée - Firefox a l'aide de la frontière de la propriété pour créer la lueur bleue sur :focus - pas de contour.

    input:focus, textarea:focus {
  outline: none; //for other browsers
  border: none; //only necessary if you haven't set a border on the element
}

    OriginalL'auteur rob-gordon