1

CSS のみを使用した要素の選択 (マウスまたは CRTL+A による選択) を禁止したい。私は次のことを試しました：

element {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

element::-moz-selection {
    background: transparent;
}

Firefox 20 では正しく動作しません。ただし、Webkit では動作します。上記の CSS ルールでも CTRL+A で画像とキャンバスを選択できます。

CSS のみ (JS なし) を使用して、選択を禁止する (または少なくとも表示しない) 方法はありますか。

ユーザーがテキストをコピーするのを止めたくありません。一部の要素の選択を非表示にしたいだけです。

この回答のコードを試しましたが、Firefox 20 では機能しないようです。

ご協力いただきありがとうございます。

4

1 に答える 1

1

次のフィドルを使用してFF20で試しました：http://jsfiddle.net/ADGsA/

p.noselect { -moz-user-select:none; }
p.recolor::-moz-selection { color: yellow;  background: red; }

マウスでのすべての動作は期待どおりですが、確かに ctrl-A でテキストを選択できます。これは Gecko のバグであると確信していますが、MDN リファレンス ページから判断すると、Gecko が解決しようとしているバグではない可能性が非常に高いです。

注: 現在、user-select は W3C CSS 仕様の一部ではありません。そのため、ブラウザの実装にはわずかな違いがあります。ブラウザー間でアプリケーションを必ずテストしてください。

標準化されていないため、予測できません。上記のページにもあるように、彼らはこれを意図していなかったと本当に思うので、Bugzilla でバグを報告することを検討するかもしれません。

選択の外観 (のみ) を制御します。

これは、ctrl-A でも選択できないことを示します。

編集：

これは2008 年 11 月以降の既知の問題です。修正のために息を止めずに、賛成票を投じて祈ってください。

于 2013-04-25T16:58:22.923 に答える