Comment supprimer la bordure (contour) autour des zones de saisie / texte? (Chrome)

Quelqu’un peut-il expliquer comment supprimer la bordure orange ou bleue (contour) autour des zones de saisie / texte? Je pense que cela se produit uniquement sur Chrome pour montrer que la zone de saisie est active. Voici l’entrée CSS que j’utilise:

input { background-color: transparent; border: 0px solid; height: 20px; width: 160px; color: #CCC; } 

entrer la description de l'image ici

    Cette bordure est utilisée pour indiquer que l’élément est focalisé (c.-à-d. Que vous pouvez taper l’entrée ou appuyer sur le bouton avec Entrée). Vous pouvez le supprimer, cependant:

     textarea:focus, input:focus{ outline: none; } 

    Vous voudrez peut-être append un autre moyen pour les utilisateurs de savoir quel élément a le focus du clavier pour la facilité d’utilisation.

    Chrome appliquera également la mise en évidence à d’autres éléments tels que DIV utilisés comme modaux. Pour empêcher la mise en évidence de ces éléments et de tous les autres éléments, vous pouvez faire:

     *:focus { outline: none; } 

    La réponse actuelle n’a pas fonctionné pour moi avec Bootstrap 3.1.1. Voici ce que j’ai dû remplacer:

     .form-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } 
     input:focus { outline:none; } 

    Cela va faire. Le contour orange ne sera plus visible.

      

    Bien travaillé pour moi Je souhaitais le faire réparer dans html lui-même … 🙂

    J’ai trouvé la solution.
    J’ai utilisé: outline:none; dans le CSS et il semble avoir fonctionné. Merci pour l’aide quand même. 🙂

    Solution

     *:focus { outline: 0; } 

    PS: Utilisez le outline:0 au lieu du outline:none sur le focus. C’est une pratique valide et meilleure.

    Cela enlève le cadre orange en chrome de tout et n’importe quel élément, peu importe quoi et où est-il

     *:focus { outline: none; } 

    Veuillez utiliser la syntaxe suivante pour supprimer la bordure de la zone de texte et supprimer la bordure en surbrillance du style de navigateur.

     input { background-color:transparent; border: 0px solid; height:30px; width:260px; } input:focus { outline:none; } 

    J’ai découvert que vous pouvez aussi utiliser:

     input:focus{ border: transparent; } 

    Ensemble

     input:focus{ outline: 0 none; } 

    “! important” est juste au cas où. Ce n’est pas nécessaire. [Et maintenant c’est parti. –Ed.]

    Cela fonctionnera certainement. Le contour orange ne sera plus affiché .. Commun pour toutes les balises:

     *:focus { outline: none; } 

    Spécifique à un tag, ex: tag d’entrée

     input:focus { outline:none; }