所以我有表格，表格的样式是这样的：

#msform input, #msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 16px;
    letter-spacing: 1px;
}

因为我正在验证输入元素，所以我想将 CSS 属性 border: 3px solid red; 与 jQuery 一起应用。问题是，如果我这样做 $("#make").addClass("invalid"); 它不会应用 border: 3px solid red; 而是保持相同的 border: 1px solid #ccc; （它已经在表单样式中定义）。

问题是我不能只从表单样式中删除 border: 1px solid #ccc; 然后应用我的类 invalid，因为我的表单中有多个输入，当我删除它时，它看起来很丑 + 所有输入都带有红色边框，我显然不想那样，我只想在那些为空的输入上有红色边框。

我尝试的是在 jQuery 中更具体（带有选择器）并删除属性，但它不起作用，即使在单击我的下一个按钮后我仍然有这样的 border: 1px solid #ccc; 边框。这是我的代码：

$(".next").click(function(){
var make = $("#make").val();
var model = $("#model").val();
var godina = $("#godina").val();
var engine = $("#engine").val();
var termin = $("#termin").val();
var usluga = $("#usluga").val();

if(make == ""){
    $('#msform input #make').css("border","");
    $('#msform input #make').addClass("validation");
    $("#proizvodjac_validation").addClass("validation");
    $('#proizvodjac_validation').html('whatever');
}



else{
current_fs = $(this).parent();
next_fs = $(this).parent().next();
        
        
//Add Class Active
$("#progressbar li").eq($("fieldset").index(next_fs)).addClass("active");

//show the next fieldset
next_fs.show();
//hide the current fieldset with style
current_fs.animate({opacity: 0}, {
step: function(now) {
// for making fielset appear animation
opacity = 1 - now;

current_fs.css({
'display': 'none',
'position': 'relative'
});
next_fs.css({'opacity': opacity});
},
duration: 500
});
setProgressBar(++current);
  }

});