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

Question

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

我用下面的 CSS 添加了一个 div

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

仅在 IE 中，div 周围出现灰色轮廓

我想在用户专注于键入内容时删除轮廓。请提供一些输入。

Answer 1

当您说“焦点”时，我认为您指的是“悬停”。如果不是，请纠正我。

要移除悬停时的边框，只需使用 :hover 伪类添加另一条规则:

.line:hover {
    border: none;
}

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

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