6

私は最初に設定したウェブサイトを持っています

::selection
{
    background: transparent;
}
::-moz-selection
{
    background: transparent;
}
*
{
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -o-user-select: none;
    user-select: none;
 }

(芸術的な効果のためだけに、人々が何かをコピーするのを防ごうとしているからではありません。)

しかし、後で、ユーザーがテキストエリアからテキストを選択できるようにしたいと思います。選択内容を
再び表示できるようになりました。

#commentarea::selection
{
    background: #070707;
}
#commentarea::-moz-selection
{
    background: #070707;
}
#commentarea
{
    -moz-user-select: element; 
    -khtml-user-select: element; 
    -webkit-user-select: element; 
    -o-user-select: element;
    user-select: element;
}

ただし、ユーザーがテキストエリアから何かを選択した場合、どこかをクリックして選択を解除することはできません。(矢印キーを使用して)キャレットを移動することによってのみ、テキストの選択を解除できます。

何故ですか?そして、どうすればこれを防ぐことができますか?

4

2 に答える 2

2

Enveの答えは正しかった..Firefox以外のブラウザ(少なくとも13.0)の場合。

同じ問題を抱えている人へ:

ユニバーサルセレクター( )では、の代わりにを*使用する必要があります。これで問題が解決します。-moz-user-select: -moz-none;-moz-user-select: none;

于 2012-06-12T22:08:11.767 に答える
1

変化する

#commentarea
{
    -moz-user-select: element; 
    -khtml-user-select: element; 
    -webkit-user-select: element; 
    -o-user-select: element;
    user-select: element;
}

#commentarea {
    -webkit-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}

デモ:http://jsfiddle.net/dWjPQ/1/

于 2012-06-12T21:52:26.877 に答える