Reset CSS settings from Javascript

Question

Is there a way to reset the settings of css for an element? i have an input that I want validate and is not possible because I set the border of text input red but I can't come back to the settings of CSS automatically. is there a way for do it? thanks in advance.

EDIT 1

<input id="tm" type="text" onchange="validateStartTime()" name="orario_start" placeholder="Orario inizio">

and validateStartTime() is

 function validateStartTime(){

        var t_st=document.getElementsByName("orario_start");
        t_st[0].style.borderColor="gray";//HERE I want to set back to the CSS settings automatically
        if(t_st[0].value.length==0){
            t_st[0].style.borderColor="red";
            flag=false;
        }
        //validation time
        var t1=t_st[0].value.split(" ");
        if(t1.length!=2){
            t_st[0].style.borderColor="red";
            flag=false;
        }else{

        var t1_1=t1[0].split(":");
            if(t1_1.length!=2){
                t_st[0].style.borderColor="red";
                flag=false;
            }
        }

    }

Show what you have done to set the border, and what have you tried to reset it — Amit
– Amit, Commented Jun 29, 2015 at 18:40
Quick google of your question title: does this help? stackoverflow.com/questions/3506050/… — Weather Vane
– Weather Vane, Commented Jun 29, 2015 at 18:41
I edited the post the question you @WeatherVane the question you say is not useful I have a particular setting in CSS. — Alexander.It
– Alexander.It, Commented Jun 29, 2015 at 18:49

Anshul · Accepted Answer · 2015-06-29 18:51:09Z

1

Hi If you are using jQuery than you can simply change CSS directly :

$('#yourElementId').css({
    border : 1px solid #ff0000
});

If you are facing issue of removing that red border again than onmousedown you can remove that border.

 $('#yourElementId').mousedown(function(){
     $(this).css({
       border : 1px solid white
     });
});

edited Jun 29, 2015 at 18:51

answered Jun 29, 2015 at 18:45

Anshul

9,51011 gold badges62 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Lieutenant Dan · Accepted Answer · 2015-06-29 19:05:48Z

0

addClass / removeClass / or toggleClass ?

$( '#add' ).click( function () {

    $( '#page_navigation1' ).addClass( 'red-class' );

});

$( '#remove' ).click( function () {

    $( '#page_navigation1' ).removeClass( 'red-class' );

});

Fiddler.

answered Jun 29, 2015 at 19:05

Lieutenant Dan

8,30928 gold badges99 silver badges220 bronze badges

Collectives™ on Stack Overflow

Reset CSS settings from Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related