4

特定の要素のテキスト選択を無効にしたい。例えば：

p {
    -moz-user-select: none
}

span {
    -moz-user-select: text
}

</p> 

<div>
    <p>first paragraph</p>
    <span>first span</span>
    <p>second paragraph</p>
    <span>second span</span>
</div>

1段落目と2段落目を個別に選択することはできません。ただし、最初のスパンを選択し、下にドラッグして 2 番目のスパンを選択すると、その過程で 2 番目の段落が選択されます。これを防ぎたいです (WebKit では期待どおりに機能します)。

Firefox 14.0.1 を使用しています。参照用の JSFiddle: http://jsfiddle.net/GFNDY/

4

1 に答える 1

1

選択には「明らかに」<p>sのみが含まれるため（たとえば、コピーした場合、<p>タグ以外のタグのみがクリップボードに保存されます）、ブラウザが色を付けないようにするだけです。::selectionこれは、CSS指定子（::-moz-selectionMozillaの場合）を使用してデフォルトの選択スタイルをオーバーライドすることで実行できます。

したがって、CSSは次のようになります。

p::-moz-selection {
    background: transparent;
    color: #000000;
}

期待どおりに動作するデモの修正バージョンは次のとおりです。リンク。
それが何らかの形であなたを助けたことを願っています！

于 2012-08-13T00:58:14.827 に答える