Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] Borda na barra de pesquisa

Alguem sabe como remover essa borda amarelada da barra de pesquisa que aparece ao clicar sobre ela?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

A instrutora não falou nada sobre isso, e o dela aparece também.

2 respostas
solução!

Bom dia Dimas, espero que esteja bem. Você pode usar o comando "outline-color" no seu CSS e defini-lo com a mesma cor do seu background, segue um exemplo:

.barra-de-pesquisa {
    width: 10px;
    height: 30px;
    border-radius: 6px;
    border: 1px solid white;
    text-align: center;
    font-size: 14px;
    outline-color: blue;
}

O "outline-color" é uma propriedade que define a cor do contorno de um elemento. Você pode saber mais em https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color

Se esse comentário te ajudou, por favor marcar como solucionado. Forte abraço e bons estudos!

Deu certo. Muito obrigado!