4

次のシナリオを考えてみましょう。レンダリングされたすべての要素を選択不可にする必要がある次のページがあります。

<html>
<head>
    <style type="text/css">
        body {
            -webkit-user-select: none;
            -moz-user-select: none;
        }
        div {
            border: solid 1px green;
            padding: 5px;
        }
    </style>
</head>
<body>
    <div>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
        nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
        vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
    </div>
    <div>
        <input type="text" value="You can select the text from me" />
        <textarea>
            And me too.
        </textarea>
    </div>
</body>
</html>

およびテキストは Google Chrome では引き続き選択できますが、Firefox ではテキストを選択できませんinput。textarea私はすでに次のことを試しました：

input, textarea {
    -moz-user-select: text !important;
}

そして...（私が見る限り）すでに選択できないドキュメント本体要素にネストされてinputいるため、単に機能しません。textareaでは、CSS を使用して Firefox でネストされたユーザー入力要素のテキスト選択を有効にすることは可能ですか?

提案していただきありがとうございます。

4

1 に答える 1

11

行う:

    body {
        -webkit-user-select: none;
        -moz-user-select: -moz-none; /* changed from none to -moz-none */
    }
    input, textarea {
        -moz-user-select: text;
    }

仕事？

このページを参照してください。

于 2010-05-11T09:41:17.503 に答える