Question

有没有办法重置元素的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;
            }
        }

    }

Answer 1

您好如果您使用的是jQuery而不是直接更改CSS：

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

如果您面临的问题是再次移除红色边框而不是onmousedown，则可以删除该边框。

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

Answer 2

addClass / removeClass /或toggleClass？

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

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

});

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

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

});

Fiddler

从Javascript重置CSS设置

2 个答案: