Bonjour,

Je créer un site avec une barre de recherche. Elle est cachée et n'est révélée que lorsque l'on clique sur une loupe. Ça marche mais une fois la barre de recherche apparue, le bouton reste sélectionner et est encadré de bleu.

Y-a-t-il un moyen pour que ça ne le fasse plus?

Voici le code CSS du bouton:

nav button{
 position: fixed;
 background-color: transparent;
 background-image: url("loupe.png");
 background-size: cover;
 background-position: center;
 z-index: 16;
 height: 35px;
 width: 35px;
 top: 25px;
 left: 86%;
 border: 1px solid black;
 cursor: pointer;
 transition: 2s;
}
.nav button:hover{
 background-color: transparent;
 color: red;
}

Et voici le code JavaScript:

var searchbar = document.querySelector(".search");

function slide(){
    if(searchbar.classList.contains("hide")){
                    searchbar.classList.remove("hide")
    }
    else{
        searchbar.classList.add("hide");
    }
}

Je ne sais pas lequel modifié.

Merci d'avance.

Salut, c'est l'outline qui sert à naviguer avec la tabulation. Bienque déconseillé tu peux le retirer dans le css en mettant cela à ton bouton:

outline: none;