从 Javascript 重置 CSS 设置答案

【问题标题】：Reset CSS settings from Javascript从 Javascript 重置 CSS 设置
【发布时间】：2015-06-29 18:38:59
【问题描述】：

有没有办法重置元素的 css 设置？我有一个我想要验证的输入，但不可能，因为我将文本输入的边框设置为红色，但我无法自动返回 CSS 的设置。有办法吗？提前致谢。

编辑 1

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

而validateStartTime() 是

 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;
            }
        }

    }

【问题讨论】：

你用javascript设置边框了吗？
显示你为设置边框做了什么，你尝试过什么重置它
你的问题标题的快速谷歌：这有帮助吗？ stackoverflow.com/questions/3506050/…
我编辑了帖子你@WeatherVane的问题你说的问题没用我在CSS中有一个特定的设置。
为什么不用mousedown事件重新设置呢？

标签： javascript css

【解决方案1】：

您好，如果您使用的是 jQuery，那么您可以直接更改 CSS：

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

如果您遇到的问题是再次移除红色边框而不是 onmousedown，您可以移除该边框。

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

【讨论】：

【解决方案2】：

addClass/removeClass/或toggleClass?

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

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

});

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

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

});

Fiddler.

【讨论】：