时间戳

首页 > 解决方案 > 如何在整个正文中添加自定义文本选择

html - 如何在整个正文中添加自定义文本选择

问题描述

我想使用自定义文本颜色添加自定义文本背景颜色。在一般网站中，默认文本背景颜色为浅蓝色，文本颜色为白色，但我想为我的网站添加自定义颜色

::selection {
  background: aquamarine;
  color: black;
}
.custom-text-selection::selection {
  background: deeppink;
  color: white;
}
<p class="custom-text-selection">Select some of this text.</p>

上面的代码只显示了一个标签自定义颜色。但令人讨厌的是添加整个网站。有没有办法用自定义颜色添加所有文本？

标签： htmlcss

解决方案

我认为您的解决方案可能是将 ::selection 样式重写为所有 DOM 组件

*::selection{
  background: deeppink;
  color: white;
}

或者您可以将这些样式应用于具有特定类名的元素的所有成员

.custom-section *::selection{
  background: deeppink;
  color: white;
}

推荐阅读