Question

我正在制作一个自定义样式表来添加到doxygen输出文件，这些文件旨在使网站元素不可选，因此只能选择有用的代码/文本。以下是删除行号的CSS规则示例。虽然它似乎选择了正确的类，但是使用select-all或用鼠标拖动然后复制/粘贴到文本编辑器中仍然可以复制行号。为什么会这样？此外，我该如何预防？

http://jsfiddle.net/b5cU2/1/

<div class="fragment"><div class="line"><a name="l00099"></a><span class="lineno">   99</span>&#160;{</div>
<div class="line"><a name="l00100"></a><span class="lineno">  100</span>&#160;    <a class="code" href="class_talon.html#a139bb330021efa545fd6047fa291dbeb">Set</a>(output);</div>
<div class="line"><a name="l00101"></a><span class="lineno">  101</span>&#160;}</div>
<div class="ttc" id="class_talon_html_a139bb330021efa545fd6047fa291dbeb"><div class="ttname"><a href="class_talon.html#a139bb330021efa545fd6047fa291dbeb">Talon::Set</a></div><div class="ttdeci">virtual void Set(float value, uint8_t syncGroup=0)</div><div class="ttdef"><b>Definition:</b> <a href="_talon_8cpp_source.html#l00070">Talon.cpp:70</a></div></div>
</div>

<style>
.lineno {
    background-color: red !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.line:not(.lineno) {
    background-color: blue;
    -webkit-touch-callout: text !important;
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
</style>

Answer 1

关于浏览器如何解释它。 Firefox可以执行您想要的操作，并且无法复制匹配选择器。如果您选择文本周围的元素，WebKit允许复制文本。

您可以随时使用其他结构。像this

一样

CSS - 使Doxygen行号无法选择

1 个答案: