html - 用蓝色突出显示 div 中的文本

Question

我使用 Angular2，我有一个 div，我在其中显示几行文本。我在文本下方有一个按钮。当我点击它时，我想让 div 中的整个文本都显示为选中状态(就像您手动选择蓝色背景的文本区域作为文本时发生的那样。这是我的 div:

<div #ins class="xyz" innerHTML="{{ 'sometext' | translate }}"></div>

我可以创建一个背景颜色为“蓝色”的类，并在单击按钮时应用于 div，但这会使整个 div 变为蓝色。我只想显示背景为蓝色的文本部分(就像您手动选择文本时发生的那样)而不是整个 div。我怎样才能做到这一点？

Answer 1

.class {
    display:inline;
    background-color:green;
    color:#fff;
}

<div class="class">Trump<br>Trump</div>