Mudar Cor Da Borda Do Campo De Texto

Alam · Outubro 17, 2006

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>

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

fercosmig · Outubro 18, 2006

tenta assim:

<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='2px solid blue';">
</form>

geogetrindade · Maio 27, 2021

Tenho um problema aqui, minha borda tem 20px de um lado e o resto é 2px, preciso mudar só a cor mesmo e manter os px como estão ...

zCaioSantos · Dezembro 2, 2021

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>

Entrar

Mudar Cor Da Borda Do Campo De Texto

Pergunta

Alam

Link para o comentário

Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

fercosmig

Link para o comentário

Compartilhar em outros sites

geogetrindade

Link para o comentário

Compartilhar em outros sites

zCaioSantos

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades