Bom dia gostaria de saber se existe alguma maneira de tirar esta linha azul a volta da imagem, a imagem e um botão
1 Resposta
Basta tirar o Outline da elemento button
assim:
button:focus, button:active {
outline: none;
}
Mas vc não deveria fazer isso, até por uma questão de Acessibilidade... http://www.outlinenone.com/
Pensen que vc pode tratar o outline
com css para ele ter um efeito mais legal em vez de c remove-lo. Aqui na documentação da Mozilla vc pode ver alguns exemplos práticos de como estilizar o outline
https://developer.mozilla.org/en-US/docs/Web/CSS/outline
Exemplos de estilização do outline
: (repare que mesmo o elemento sendo um P eu posso colocar o outline
nele como uma borda só que sem interferir no box-size )
p.dotted {outline-style: dotted; outline-color:red; outline-width: 5px;}
p.dashed {outline-style: dashed; outline-color:blue ; outline-width: 3px;}
p.solid {outline-style: solid; outline-color:green; outline-width: 3px;}
p.double {outline: 2px double gold;}
<p class="dotted">A dotted outline</p>
<p class="dashed">A dashed outline</p>
<p class="solid">A solid outline</p>
<p class="double">A double outline</p>
-
1