textarea {
outline: none;
}
<textarea></textarea>
这个问题真的很困扰我,仍然找不到解决方案,为什么我的 textarea
损坏或随机显示黑色或蓝色轮廓?我在 Chrome 中没有问题。它可以通过鼠标单击来删除...这是它在 IE 中的 gif 下面的样子:
断开的轮廓或边框:
最佳答案
那是因为当您选择/单击它时,文本区域就会获得 焦点
。您可以通过将常规 border
设置应用于 textarea:focus
来防止这种情况,但不建议这样做,因为突出显示焦点元素对于网站的可访问性至关重要一般的。
(根据浏览器的不同,您可能还想添加 outline: none
和 box-shadow: none
)因为不同的浏览器处理焦点突出显示的方式不同。
textarea:focus {
border: 1px solid black;
}
<textarea></textarea>
关于html - IE11 损坏或溢出的边框/轮廓,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51949110/