html - 如何在 IE11 上控制无效模式的文本框边框？

Question

这是它在 IE 中的样子:

我尝试使用下面的这个方法，但它只部分起作用。意思是，如果我要键入无效的图案，边框将固定为 2px，当我单击文本框外的任何地方时，它会恢复为那条粗线。

#openSeason [type=text]:invalid 
{ 
    border: 2px red solid;
}

但是，它确实适用于 Firefox 和 Chrome。这是它在 Firefox 中的样子，也是我希望它在 IE11 中的样子:

Answer 1

使用outline:none;

#openSeason [type=text]:invalid 
{ 
   border: 2px red solid;
   outline:none;
}