0

Olá eu gostaria de inserir um ícone no input text do meu sistema, até consegui colocar o ícone, mas quando clico no input para digitar o texto o ícone simplesmente nao oculta. podem me ajudar?

código fonte

O lance era oculta o icone buscar quando clico no input.

1
  • Tente usar algo como: <i class="icon ion-search placeholder-icon"></i>
    – Ramos
    Commented 24/04/2017 às 18:07

2 Respostas 2

3

Quando você der foco no seu campo text:

você usa a pseudo class :focus para remover o background-image do seu input

Declare no seu css:

input[type='text']:focus { 
    background-image: none; 
}
3
  • 1
    Thank you, deu certo amigo. Commented 24/04/2017 às 18:54
  • 1
    Boa! se resolveu .. marca como resposta. Abraço!
    – andrepaulo
    Commented 24/04/2017 às 18:58
  • 1
    Não sei como faz é a primeira vez que estou usando..rs Commented 24/04/2017 às 20:15
0

Algo como:

<i class="icon ion-search placeholder-icon"></i>
<input type="text" size="100" ng-model="q" placeholder="Procurar" onclose="fechaTeclado();" />

Onde o <i> você coloca o ícone que deseja.

2
  • 1
    Obrigadoa amigo pela ajuda. Commented 25/04/2017 às 18:16
  • 1
    Obrigadoa amigo pela ajuda. Commented 25/04/2017 às 18:16

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 .