Campo busca mudas cor

Layout
1

Bom dia pessoal
Estou tentando tirar essa cor cinzenta do campo de busca, quem poderia me ajudar. obrigado.

Compo busca
Compo busca1366×768 99.7 KB

2

Olá, se for a borda você tira com este CSS

.busca {
border:none;
background-color:transparent;}

Se quiser arredondar as bordas use este…Coloque onde esta border-radius: 24px o valor que fica bom pra você.

.busca input, .busca input:focus {
    background: #fff;
    height: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: solid 1px #cecece;
    border-radius: 24px;
    padding: 0 16px;
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
}

Para cor e o comprimento use este… Coloque onde esta 500px o valor que fica bom pra você.

#cabecalho .conteiner .busca.borda-alpha form input {
background: black;
width: 500px;
}

No caso se resolver colocar a barra com pontas redondas pode usar este código para arredondar o carrinho…

.carrinho { border-radius: 5px; }
.carrinho>a i { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

Com este pode diminuir o tamanho do mesmo…

.carrinho {
width: 100px;
}
.carrinho>a strong {
margin: 0 15%;
color: #000;
}

Até mais, espero ter ajudado!

3 curtidas
3

Muito obrigado me ajudou demais :wave: