Ir para conteúdo
Fórum Script Brasil

Gabriela758

Membros
  • Total de itens

    1
  • Registro em

  • Última visita

Tudo que Gabriela758 postou

  1. Olá, Eu tenho o código abaixo em HTML e preciso formatar no CSS, cada um dos 3 objetos inputs do formulário <div id="registration"> <form id="RegisterUserForm" action="" method="post"> <fieldset> <p> <label for="name">Nome completo</label> <input id="name" name="name" type="text" class="text" value="" /> </p> <p> <label for="bairro">Bairro</label> <input id="bairro" name="bairro" type="bairro" class="text" value="" /> </p> <p> <label for="cidade">Cidade</label> <input id="cidade" name="cidade" type="cidade" class="text" value="" /> </p> </fieldset> Eu tentei formatar com o código abaixo mas não deu certo.. acho que não soube colocar o caminho correto até o objeto.. #registration p bairro{ input.text { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:solid 1px #444; font-size: 14px; width: 90%;/* largura dos campos do formulário */ padding: 7px 8px 7px 30px; -moz-box-shadow: 0px 1px 0px #777; -webkit-box-shadow: 0px 1px 0px #777; background: #ddd url('img/inputSprite.png') no-repeat 4px 5px; background: url('img/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient( center bottom, rgb(225,225,225) 0%, rgb(215,215,215) 54%, rgb(173,173,173) 100% ); background: url('img/inputSprite.png') no-repeat 4px 5px, -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(225,225,225)), color-stop(0.54, rgb(215,215,215)), color-stop(1, rgb(173,173,173)) ); color:#333; text-shadow:0px 1px 0px #FFF; } } #registration p cidade{ input.text { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border:solid 1px #444; font-size: 14px; width: 90%;/* largura dos campos do formulário */ padding: 7px 8px 7px 30px; -moz-box-shadow: 0px 1px 0px #777; -webkit-box-shadow: 0px 1px 0px #777; background: #ddd url('img/inputSprite.png') no-repeat 4px 5px; background: url('img/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient( center bottom, rgb(225,225,225) 0%, rgb(215,215,215) 54%, rgb(173,173,173) 100% ); background: url('img/inputSprite.png') no-repeat 4px 5px, -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(225,225,225)), color-stop(0.54, rgb(215,215,215)), color-stop(1, rgb(173,173,173)) ); color:#333; text-shadow:0px 1px 0px #FFF; } }Como é a maneira correta de fazer?
×
×
  • Criar Novo...