Como colocar ícones ou figuras dentro de input text

Fórum para dúvidas sobre CSS, Tableless e Webstandards.

Moderador: web

responder a dúvida

Como colocar ícones ou figuras dentro de input text

Mensagem por web Offline » Sáb Ago 13, 2011 3:27 pm


Nesse post vou passar um código para que você possa usar ícones dentro de input text. A base do código é para uma figura que tenha o tamanho de 16x16.

Código: Selecionar todos
<style>
.figuras{
display:inline-block;
padding-left:24px;
line-height:16px;
background-position:2px center;
background-repeat:no-repeat;
background-image:url(figura.gif);
}
</style>

<input type="text" name="" value="" class="figuras">



detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12407
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

responder a dúvida

Voltar para CSS, Tableless e Webstandards

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 2 visitantes