Ir para conteúdo
Fórum Script Brasil
  • 0

Mudar Cor Da Borda Do Campo De Texto


Alam

Pergunta

Olá pessoal! espero que vocês possam me ajudar. Estou com uma dúvida bastante simples, porém não consigo resolver de jeito nenhum. É o seguinte, gostaria de mudar a cor da borda de um campo de texto dentro de um formulário como o código indica.

<form name="formulario">

<input type="text" name="campo" style="border:2px solid red;">

<input type="button" value="Mudar cor da borda" onclick="document.formulario.campo.style.border-color='blue';">

</form>

lendo assim, acho que está certo, mas quando executo no brownser e clico no botão para mudar a cor não acontece nada! por favor pessoal, que mistério é esse??

Agradeço a cooperação!

Alam

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

Tentem fazer uma function e mudar somente o style do elemento:

<body>
    <form name="formulario">
        <input id="meu-elemento" type="text" name="campo" style="border:2px solid red;">
        <input type="button" value="Mudar cor da borda" onclick="bordaAzul();">
    </form>
    
    <script>
        function bordaAzul() {
            document.getElementById("meu-elemento").style.borderColor = "blue";
        }
    </script>
</body>

 

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...