gpt4 book ai didi

css - 如何将 css 样式应用于突出显示的文本?就像在 MSWord 中突出显示然后单击粗体

转载 作者:行者123 更新时间:2023-11-28 09:54:59 25 4
gpt4 key购买 nike

我正在创建一个图形用户界面,其中包含一个充满 CSS 样式(粗体、斜体、改变文字颜色等)的下拉菜单。我遇到的问题是当我应用这些样式时,它适用于整个段落而不是单个单词。我如何对其进行编码以识别突出显示的内容并专门对其应用格式。

我只想将跨度应用于突出显示的部分。怎么办?

例如:

    <style>
.red {
color: red;
}
</style>

<body>
<p>This <span class="red">is a</span> test.</p>
</body>

这是我所知道的应用跨度的唯一方法,但我想了解如何将其应用于用户突出显示的内容。是否有检测用户突出显示内容的代码?

编辑:目标是突出显示,对突出显示的内容应用 css 样式,删除突出显示和样式仍然存在。

最佳答案

我认为您正在寻找 ::selection

https://developer.mozilla.org/en-US/docs/Web/CSS/::selection

::selection {
background: cyan;
}
Some text

关于css - 如何将 css 样式应用于突出显示的文本?就像在 MSWord 中突出显示然后单击粗体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53091966/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com