如何清除和休息固体边框

Question

我在输入框中添加了一个红色边框，表示在表单验证期间生成错误

 <input id="cardnumber" />

我的javascript中的边框设置为红色：

 $(cardnumber).css({ "border":' solid #ff0000'})

现在我想在用户解决错误时清除实线边框：

我试过了：

 $(cardnumber).css({"outline":'none'})
 $(cardnumber).css({"outline":'0'})

以上都不是。

什么是正确的CSS来重置边界？

Answer 1

将边框设置为none：

$(cardnumber).css({"border-color":'black'});

但是，不是明确地更改CSS，通常最好使用类并将样式放在CSS文件中。

Answer 2

尝试border: none;

大纲与边框

不同

Answer 3

将变量前的边框css的值保留在变量中，然后重新应用：

$borderbefore = document.getElementById('cardnumber').style.border;
...
//error
 $(cardnumber).css({ "border":' solid #ff0000'})
...
//correction
document.getElementById('cardnumber').style.border = $borderbefore;