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

时间:2018-08-15 04:58:04

标签: html css summernote

我正在夏季笔记编辑器中工作,在该编辑器中,我必须添加两行带有底边框,以便用户可以键入两行。

enter image description here

我在下面的CSS中添加了一个div

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

仅在IE中,div周围就会出现灰色轮廓

enter image description here

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

2 个答案:

答案 0 :(得分:0)

当您说“焦点”时,我认为您的意思是“悬停”。如果没有,请纠正我。

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

.line:hover {
    border: none;
}

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

希望这可以解决您的问题。如果没有,请我。

答案 1 :(得分:0)

我通过移除高度和行高并用顶部和底部的填充物进行调整来解决此问题。

问题是当在IE中将要显示轮廓的夏季笔记编辑器中的任何元素的高度设置为高度时,将其删除并用填充进行调整。

这个问题有点奇怪。最初,我无法使用上述代码在本地环境中对其进行修复,而在高级环境中进行调试时则无法对其进行修复。