html - IE11 损坏或溢出的边框/轮廓

Question

textarea {
        outline: none;
    }

<textarea></textarea>

这个问题真的很困扰我，仍然找不到解决方案，为什么我的 textarea 损坏或随机显示黑色或蓝色轮廓？我在 Chrome 中没有问题。它可以通过鼠标单击来删除...这是它在 IE 中的 gif 下面的样子:

断开的轮廓或边框:

Answer 1

那是因为当您选择/单击它时，文本区域就会获得 焦点。您可以通过将常规 border 设置应用于 textarea:focus 来防止这种情况，但不建议这样做，因为突出显示焦点元素对于网站的可访问性至关重要一般的。

(根据浏览器的不同，您可能还想添加 outline: none 和 box-shadow: none)因为不同的浏览器处理焦点突出显示的方式不同。

textarea:focus {
   border: 1px solid black;
}

<textarea></textarea>