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

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

转载作者：行者123 更新时间：2023-11-28 09:54:59

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

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

例如:

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

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

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

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

最佳答案

我认为您正在寻找 ::selection

::selection {
  background: cyan;
}

Some text

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

文章推荐： Swift IBoutlet 默认值

css - 使用 CSS，如何创建比 1px *粗*的文本笔划轮廓？
下面是我用来制作 1px 文本描边轮廓的代码。但是如何使轮廓变粗呢？如果我只是用“5px”替换所有“1px”，结果看起来很疯狂。 HTML Hello! CSS .element { color:

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章