我用::selection来改变高光的 colored颜色 ,因为默认的蓝色在我的 colored颜色 主题中不起作用.然而,当我有<br>的多行文本(或者js的\n,它刚刚被转换成<br>)时,换行符总是默认的蓝色.

<!DOCTYPE html>
<html lang="en">
<body>
      <div class="selector">Try<br>selecting<br>me.</div>
</body>
<style>
.selector::selection {
    background-color: #8d8d8d;
}
</style>
</html>

如何使所选文本(包括换行符)具有相同的 colored颜色 ?

推荐答案

在css中添加一个额外的.selector *::selection Select 器,它将定义.selector中的所有子元素.

<!DOCTYPE html>
<html lang="en">
<body>
      <div class="selector">Try<br>selecting<br>me.</div>
</body>
<style>
.selector::selection,
.selector *::selection {
    background-color: #8d8d8d;
}
</style>
</html>

Html相关问答推荐

网格容器中的定心元件

当在双引号|Angular .html文件中使用时,Pretier会将单引号字符替换为&;Quot;

在 bootstrap 中的弹性项之间添加连接行

HTML+CSS+JS动态选中文本高亮 colored颜色 变化

如何将CSS滤镜仅应用于背景图像

CSS Grid:使网格行填充屏幕,将下一行推离屏幕

更改Angular 为17的material Select 字段的高度?

如何使div填充父项的剩余高度

如何在ASP.NET Core中添加换行符

在HTML请求中添加源URL

Angular中如何向单选按钮添加验证

用于表行组标题的正确 HTML 标记是什么?

有没有办法在 Flutter 中创建这个浮动标签表单?

pull-right 不适用于 bootstrap alert 内的按钮

如何使用 html 和 css 为卡片创建此背景框架

打开 Bootstrap 模式时无法获得模糊的背景

如何向弹出窗口添加 sanitize: false 选项?

我可以将两个元素之间的所有空间都放在弹性框或网格中吗?

如何计算没有根元素的先前 html 标记(lxml python3)编辑:还获取元素

为什么我的 tailwindcss 网格的第一个元素略微未对齐?