Jump to content
renatamdk

Como mudar a cor do campo de um formulário?

Recommended Posts

Oii gente!

Eu sou iniciante em html e estou tendo dificuldade em mudar a cor do campo de um formulário...

 

Já procurei aqui, e o que encontrei não entendi muito bem também ):

 

Se alguém puder me ajudar, agradeço.

 

Vou deixar um anexo de como está o formulário. Queria deixar o fundo mais cinzinha, pois branco está destacando demais. Só isso...

 

 

 

O código:

 

<!-- Formulário -->

<form id="llCaptureForm" class="llformCustom" action="//paginas.rocks/capture" method="post">

   <input type="hidden" id="mid" name="mid" value="328302">

   <input type="hidden" id="fid" name="fid" value="14926">

   <div>

       <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32417">Nome</label>

       <input type="text" id="llfield32417" name="llfield32417" placeholder="Seu nome">

       <div class="field-error" id="llerror32417"></div>

   </div>

   <div>

       <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32419">Contato</label>

       <input type="tel" id="llfield32419" name="llfield32419" placeholder="DDD + Número">

       <div class="field-error" id="llerror32419"></div>

   </div>

   <div>

       <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32418">E-mail</label>

       <input type="email" id="llfield32418" name="llfield32418" placeholder="Informe seu e-mail" data-required="true">

       <div class="field-error" id="llerror32418"></div>

   </div>

   <div class="button-bar">

       <button style="background-color: rgba(255, 179, 38, 1) !important;" type="submit">Cadastrar</button>

   </div>

   <div class="loading-box">

       <img src="//paginas.rocks/content/images/spinner.gif">

       <div>loading...</div>

   </div>

   <div class="error-box">

       <img src="//paginas.rocks/content/images/error-icon.png">

       <div></div>

       <button type="button" class="btn" id="btn-error">Ok</button>

   </div>

   <img src="https://llimages.com/redirect/redirect.aspx?A=V&amp;f=14926&amp;m=328302" style="display: none;">

</form>

Captura de tela 2019-10-23 09.50.28.png

Share this post


Link to post
Share on other sites

Segue código...

 

CÓDIGO:

<!-- Formulário -->
<form id="llCaptureForm" class="llformCustom" action="//paginas.rocks/capture" method="post">
   <input type="hidden" id="mid" name="mid" value="328302">
   <input type="hidden" id="fid" name="fid" value="14926">

   <div>
       <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32417">Nome</label>
       <input style="background-color: #cccccc;" type="text" id="llfield32417" name="llfield32417" placeholder="Seu nome">
       <div class="field-error" id="llerror32417"></div>
   </div>

   <div>
       <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32419">Contato</label>
       <input type="tel" id="llfield32419" name="llfield32419" placeholder="DDD + Número">
       <div class="field-error" id="llerror32419"></div>
   </div>

   <div>
       <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32418">E-mail</label>
       <input type="email" id="llfield32418" name="llfield32418" placeholder="Informe seu e-mail" data-required="true">
       <div class="field-error" id="llerror32418"></div>
   </div>

   <div class="button-bar">
       <button style="background-color: rgba(255, 179, 38, 1) !important;" type="submit">Cadastrar</button>
   </div>

   <div class="loading-box">
       <img src="//paginas.rocks/content/images/spinner.gif">
       <div>loading...</div>
   </div>

   <div class="error-box">
       <img src="//paginas.rocks/content/images/error-icon.png">
       <div></div>
       <button type="button" class="btn" id="btn-error">Ok</button>
   </div>

   <img src="https://llimages.com/redirect/redirect.aspx?A=V&amp;f=14926&amp;m=328302" style="display: none;">
</form>

 

LINK:

https://www.w3schools.com/cssref/pr_background-color.asp

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Rafaelmcd
      Olá, tenho um site em WordPress e preciso de uma regra para fazer um redirecionamento em massa, um redirecionamento 301.
      A regra seria mais ou menos assim, alterar links assim: https://site.com/blog/leia-top-games para https://site.com/blog/top-games
      Ou seja, precisa retirar o "leia-" de todos os link e redirecionar para o link novo.
      Alguém poderia me ajudar?
    • By asacap1000
      Galera já verifiquei vários páginas do google mas não encontrei o que precisava. Temos um sistema a qual no final temos a opção d imprimir os dados. que até aí está perfeito utilizo bootstrap para o layout e está ok. Porém preciso colocar a opção de pdf também aí não sai de jeito nenhum com o bootstrap. preciso gerar algo neste formato.
       

       
      Se alguem puder me dar um norte referente a isso agradeço demais.
    • By Rebeca Julia Bronzatti
      Boa tarde, bom ontem no meu projeto tudo estava funcionando normalmente, hoje assim que iniciei notei que os selects alguns buttons estavam divergindo do formato que eu gostaria, eu não faço ideia do porque isso, já que ele não apresenta erro e nada no código foi alterado pelo menos não nesses campos, já tentei fazer novamente mas a configuração continua, tentei alterar  pelo CSS mas infelizmente ele simplesmente ignora,  assim que iniciei hoje o projeto me deparei com esse erro Failed to load resource: the server responded with a status of 404 (Not Found) mas consegui resolver não sei se tem algo haver, se alguém puder me dar um help eu agradeceria muito nunca vi isso na vida. Eu to usando o materialize esse select já vem pronto.
      <div class="col s3"> <select name='tipo' class="browser-default"> <option value="" disabled selected>Tipo</option> <option value="Casa" class="tipo">Casa</option> <option value='Apartamento' class="tipo">Apartamento</option> <option>Sobrado</option> <option>Edicula</option> <option>KitNet</option> <option>Flat</option> <option>Sala Comercial</option> <option>Loja</option> <option>Galpão</option> <option>Terreno</option> <option>Fazenda</option> </select> </div>  

    • By dimoreira
      Boa noite programadores, estou a procura de um profissional que desenvolva um site simples, que tem apenas que me mostrar os resultados em tempo real da pagina de resultados da bet 365. Mas especificamente do futebol virtual. Vou mandar em anexo uma foto pra ter como base.   O modelo mais simples possivel é somente para acompanhar os resultados em tempo real sem ter q esta acessando o site da bet.


    • By Rafaeloliveiraz
      Olá pessoal,
       
      Eu estou tentando criar uma variavel para fazer um checker no conteúdo do input de um form antes de realizar o envio... Por exemplo SE o conteúdo do campo começar com "http://facebook.com/..." ele faz o envio normalmente, porém caso o começo seja OUTRO preciso que substituia o valor preenchido por um valor padrão e ai realize o envio.
       
      Acredito que com if e else resolva meu problema, eu até criei o bloqueio para que o conteúdo não seja enviado se for diferente mas por algum motivo ele só está funcionando se a pessoa tentar enviar uma segunda vez, como se o bloquei só funcionasse após a pessoa realizar o primeiro envio, então acabei desativando. O códito está somente assim agora:
       
       
      <form action="" id="shortForm" method="post"> <div> <input type="text" name="url" id="url" size="60" value="http://" onfocus="clearText(this)" class="input round-left" /> <button class="input button round-right" id="create">Encurtar URL</button> </div> </form>  
       
      Este form é para um encurtador de URL, onde eu quero que somente URLs do meu site sejam encurtadas, e caso alguém utilize uma URL para outro site preciso que o form altere o link dessa pessoa para outro padrão sem que ela saiba...
       
      Eu até montei a função mas não estou sabendo como posso mesclar com o input do form:
       
      <!DOCTYPE html> <html> <body> <p>Mudar conteúdo de envio</p> <input id="url" type="text"> <button onclick="myFunction()">Encurtar</button> <p id="envio"></p> <script> function myFunction() { var link = document.getElementById("url").value; var text; // Se a URL estiver certa if (link === "http://meusite.com/...") { input = "Enviado sem alterações"; // Se a url for outra } else { input = "http://urlcorreta.com"; } document.getElementById("envio").innerHTML = input; } </script> </body> </html>  
      Alguém poderia me dizer se isso poderia funcionar e como eu deveria seguir para mesclar ambos?
       
      Obrigado.
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.