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

这就是IE中的情况：

我试着在下面使用这个方法，但它只起了部分作用。也就是说，如果我想输入无效的模式，边框被固定为2px，当我点击文本框外的任何地方时，它会恢复为粗线

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

然而，它在Firefox和Chrome上确实可以工作。这是Firefox中的外观，也是我希望IE11中的外观：

---

使用

大纲：无

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

我不明白你想要什么，但也许这就是你的答案：

请查看此代码


     #openSeason[type=text] {
   border: 2px solid;
    border-color:black silver silver black;
   }

#openSeason[type=text]:hover, #openSeason[type=text]:focus{

   border:2px solid green;
}

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