gpt4 book ai didi

html - 在::before 或::after 伪元素中选择文本

转载 作者:行者123 更新时间:2023-11-28 02:55:17 24 4
gpt4 key购买 nike

看看这个非常简单的代码

<!DOCTYPE html>
<html>
<head>
<style>
p::before {
content: "Before - ";
}
</style>
</head>
<body>
<p>Hello</p>
<p>Bye</p>
</body>
</html>

CSS 添加 ¨Before -"在每个 <P> 的开头并像这样呈现

enter image description here

如果您使用鼠标选择文本(用于复制粘贴),您可以选择原始文本,但不能选择由 css 添加的 Before 或 After 文本。

enter image description here

我有一个非常具体的要求,我需要允许用户使用鼠标选择 Before 文本。你会怎么做?

最佳答案

这不能在 HTML 页面中完成,但作为 hack,如果您需要复制/粘贴伪元素,您可以将页面导出为 PDF 并从中复制。例如,在 Chrome 中,您可以从打印预览中复制页面内容。

关于html - 在::before 或::after 伪元素中选择文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46489700/

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