创建一个CSS，提供与浏览器突出显示类似的结果

Question

我正在尝试创建一个css样式，它提供与原生浏览器高亮显示相同的结果，因此我可以将css放入tinymce中。 但是从下面的照片中你可以看到自定义css的高度太低，我尝试了一些方法，比如使用display：inline-block，它适用于高度，但它会自动删除第一个和最后一个空格。 / p>

任何专家请指教。

Answer 1

你的意思是这样的：

.highlight {
    font-size: 14px;
    display: inline-block;
    color: #fff;
    background-color: blue;
    padding: .5em 0;
}

这是一个小提琴：

https://jsfiddle.net/c7rdekej/

Answer 2

在要突出显示的文本周围创建一个范围，并为其指定一个类 比如highlight

并添加如下

的css属性

.highlight {
    background:#008AE6;
    color:#ffffff;
}

检查这个小提琴以澄清http://jsfiddle.net/5u52qw57/

让我知道它是否有用