1

Ao clicar no botão aparece uma sombra cinza na parte superior, criando um efeito meio que 3d, porém eu quero remove-lo. Como eu quero que fique ao clicar:

inserir a descrição da imagem aqui

Como está:

inserir a descrição da imagem aqui

Meu HTML:

  <div class="container">
    <div class="row">
        <div class="col-sm-4 col-sm-offset-8">
            <div class="buscador">
              <form role="search">
                   <div class="input-group">
                            <input type="text" class="form-control" placeholder="Procurar">
                            <div class="input-group-btn">
                                    <button class="btn btn-default" type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
                            </div>
                    </div>
                </form>
            </div>
        </div>
        </div>
    </div>

Meu CSS até o momento:

.buscador button{
  background: #ffffff;
  border-left: none;
  border-color: #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.buscador button:hover,
.buscador button:focus{
  background-color: #ffffff !important;
  border-color: #ccc !important;
  outline: 0 !important;
}

Se vocês observarem bem vão reparar que o input tbm tem essa sombra interior no topo mais fraca e somente como placeholder e no button não tem a não ser quando clica. Também quero remover essa borda da esquerda ao clicar. Como faço?

2
  • Precisa colocar na pergunta o HTML disso.
    – Sam
    Commented 9/12/2017 às 19:34
  • HTML Adicionado!
    – Leo Lima
    Commented 9/12/2017 às 20:36

1 Resposta 1

2

A propriedade css que coloca sombras nos objetos é box-shadow. Para retirar a sombra basta colocar

box-shadow: none;
1
  • Mano do céu eu tinha colocado isso aí mas tirei só que como estou criando no localhost tinha esquecido de limpar o cache aí não mudava nada. Obrigado problema resolvido!
    – Leo Lima
    Commented 9/12/2017 às 20:40

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .