6

にいくつかのソース コードがあり<pre><code>、別の に行番号があります<div>。テキストが選択されると、行番号が付き、その後コピーされます。ソース コード ブロックの上下の要素を選択しても、行番号が選択範囲に含まれないようにする方法はありますか?

JavaScript をオフにしてブラウジングする人の利益のために、JavaScript を避けたいと思います。(JavaScript では、行番号を非表示にするボタンを追加します)。

unselectable="on"また、さまざまなベンダー固有のuser-selectCSS プロパティが機能しませんでした。番号は引き続き選択され、コピーされます。

4

1 に答える 1

8

ID の選択を防止する要素を指定します。

次に、これを CSS に入れます。

#id-name {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}
::-moz-selection {
   background: transparent;
}
::selection { 
   background: transparent; 
}
于 2013-03-01T06:58:44.593 に答える