comment faire pour supprimer le contour du bouton html

J'ai des bouton sur ma page html, lorsque je clique sur ce bouton, il me montre ligne extérieure à bouton comme ci-dessous de l'image.

comment faire pour supprimer le contour du bouton html

ici lorsque je clique sur le bouton reset il me montre extérieur comme l'image ci-dessus.

Code Html:

< input type="reset" value="" class="resetButton" />

code css:

.resetButton
{
    margin: 0px;
    background:url(../images/button/Reset2.png) no-repeat;
    border: none; 
    width: 90px;
    height: 32px;
    cursor: pointer;
}
sur quel navigateur ?
google chrome...
La pensée afin de vérifier ma réponse devrait indiquer clairement 🙂

OriginalL'auteur Vijay | 2013-10-18

  1. 8

    Utiliser ceci:

    input[type="reset"]:focus{
    outline: none;   
}

    ou tout simplement

    input:focus{
    outline: none;   
}

    si vous ne voulez pas que les grandes lignes pour tous les types d'entrée.

    OriginalL'auteur Mr_Green

  2. 2

    Juste ajouter display: block;

    .resetButton
{
    margin: 0px;
    background:url(../images/button/Reset2.png) no-repeat;
    display: block;
    border: none; 
    width: 90px;
    height: 32px;
    cursor: pointer;
}

    OriginalL'auteur Valeri Crudu

  3. 1

    Normalement, c'est une chrome question, la principale chose à noter ici est que c'est un plan pas une frontière.

    Essayer

    .resetButton{ outline: none; }

    Pour plus d'infos, découvrez http://www.w3.org/TR/CSS2/ui.html#dynamic-outlines

    Aussi consulter cet article sur les dangers de la suppression de la frontière complètement
    Google Chrome > zones de texte > bordure Jaune lorsqu'il est actif..?

    OriginalL'auteur Dominic Green

  4. 0

    Prendre un coup d'oeil sur le contour propriété CSS.

    De style, un bouton est cliqué, vous pouvez utiliser :active pseudo-classe.

    OriginalL'auteur Michał Rybak

  5. 0

    Ajouter un outline: none à votre css:

    .resetButton
{
    margin: 0px;
    background:url(../images/button/Reset2.png) no-repeat;
    border: none; 
    width: 90px;
    height: 32px;
    cursor: pointer;
    outline: none;
}

    OriginalL'auteur spacebean

  6. 0

    De l'essayer.

    .resetButton, .resetButton:visited
{
    margin: 0px;
    background:url(../images/button/Reset2.png) no-repeat;
    display: block;

    width: 90px;
    height: 32px;
    cursor: pointer;
    border: none;
    outline: none;
}
    sa ne marche pas pour moi...

    OriginalL'auteur SanketS

  7. 0

    Juste ajouter ceci dans votre CSS:

    .resetButton:focus {
    outline: none;
}

    OriginalL'auteur ValentinEnnser