AspNet dynamically change textBox characteristics

Question

AspNet dynamically change textBox characteristics

Navigation

#1 by (0 votes)

0

For test I created a button which calls a function in javascript through onclick (). In this function I would like to change for example the border color of the textBox, it would still be better to change the color of that default blue border that it has when the textBox is selected.

javascript jquery asp.net

asked by anonymous 18.04.2016 / 08:20

1 answer

Woocommerce - Checkout Problem How do I add article block in my section tag?

score 0 · Accepted Answer

You can dynamically add styles to change the characteristics of your textbox. Example:

 <html>
 <head>
 //Você pode usar classe
<style type="text/css">
    .borda {
        border: 1px solid red;
    }
</style>

  <script type="text/javascript">
    function mudarEstilo() {

        //exemplo sem usar classe, aqui eu adiciono uma borda de 1px de largura do formato solid e vermelha diretamente na propriedade css do input
        $('#txtTeste').css("border", "1px solid red"); 

        //aqui eu uso uma classe para o input, essa classe também tem borda de 1px de largura forma
        //prefiro essa solução
        $('#txtTeste').addClass("borda"); 
    }
</script>
</head>
 <body>
   <input type="button" value="Teste" onclick="mudarEstilo();" /> 
   <input type="text" id="txtTeste" />
 </body>
</html>