如何使用css突出显示选定的文本？

如何像按钮一样突出显示选中的文本，它应该突出显示，例如，我需要使用css在屏幕上显示

任何人都可以帮助我的解决方案或链接共享任何信息

.selected-text{
  background:#fff;
  color :#000;
  display:inline-block;
  text-transform:uppercase;
  padding :3px
  font-size:18px;
  font-weight:800;
}

HTML

en

这就是使用CSS在html中突出显示文本的方法。在文本上拖动时，文本将高亮显示

：-moz选择{/*Firefox代码*/
颜色：红色；
背景：黄色；
}
：：选择{
颜色：红色；
背景：黄色；
}
在此页面上选择一些文本：
这是一段

这是div元素中的一些文本。
注意：：：Internet Explorer 8和早期版本不支持选择

注意：Firefox支持另一种选择：：-moz选择属性

试试这个

h1:：selection，h2:：selection{
背景：#000000；
颜色：#ffffff；
}
p：：选择{
填充物：5px10px；
背景：红色；
颜色：#ffffff；
}

标题1的示例


标题二


这是内容部分

请创建一个最小、完整且可验证的示例：同意，问题不清楚颜色和背景是唯一适用于：：selection的内容。填充将不会产生任何效果。

<span class="selected-text">en</span>