当我们在 summernote 编辑器中将高度设置为 div 时，Internet Explorer 中的灰色轮廓

Question

我在夏季笔记编辑器中工作，我必须在其中添加 2 行底部边框，以便用户可以输入 2 行。

我添加了一个 div 和下面的 css

.line {
     line-height:10px;
     height: 10px;
     border-botom: 1px solid #007272;
}

仅在 IE 中，div

周围出现灰色轮廓

我想在用户输入焦点时删除轮廓something.kindly提供一些输入。

Answer 1

当你说 "focus" 时，我认为你的意思是 "hover"。如果不是，请纠正我。

要删除悬停时的边框，只需使用 :hover pseudo 添加另一个规则 class:

.line:hover {
    border: none;
}

您可能还想确保所有 HTML/CSS/JS 文件都与 IE 兼容。

希望这能解决您的问题。如果没有，请告诉我。

Answer 2

我已通过移除高度和行高并调整顶部和底部的内边距解决了这个问题。

问题是在夏季笔记编辑器中将高度设置为 IE 中出现轮廓的任何元素时，因此将其删除并使用填充进行调整。

这个问题有点奇怪。我一开始用上面的代码在local环境下修复不了，在high环境下调试的时候修复了。