CSS：、コンテナの選択無効（Firefoxで動作していない）子に有効

Chromeでしたがって、次の作品ではなく、FireFoxの：CSS：、コンテナの選択無効（Firefoxで動作していない）子に有効

* { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

input { 
    -webkit-touch-callout: auto; 
    -webkit-user-select: auto; 
    -khtml-user-select: auto; 
    -moz-user-select: auto; 
    -ms-user-select: auto; 
    user-select: auto; 
}

コンテナ要素に選択を無効ますが、できるようにする方法はありますフォーム入力のようなものは選択可能ですか？

出典

2012-04-23 Benjamin Allison

Firefox 11.0/Lionで動作します。 http://jsfiddle.net/pmcelhaney/z2BXn/ –

提案のカップル

1.tryは、単に書くこと（創造的になろうとして）：

別の必要はありませんように、このルールは、 input以外のすべてに適用されなければならない

:not(input) { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

（多分それはいくつかのFFのバージョンに失敗だと？）入力の動作を元に戻し、この2.Ifは

をルールがを使ってカンニングしようと解決しませんユーザビリティのために追記として、ユーザ選択

::-moz-selection { background: transparent; color: #000; } 
::selection  { background: transparent; color: #000; } 

input::-moz-selection { background: blue; color: #fff; } 
input::selection  { background: blue; color: #fff; }

の上に透明な背景を持つpseudoclassesは制限が、この種のを避けるため：彼らは一般的に刺激していると誰かが本当に選択し、ページ上のテキストをコピーしたい場合彼はソースコードビューから簡単にそれを行うことができました

出典

2012-04-23 13:31:45 fcalderan

うーん、擬似クラスをサポートするFFのすべてのバージョンのようには思われません。私はそれをやっている理由は、この "Webアプリ"では、入力以外のすべてを選択可能にすることで、アプリのような外観の一部を保持したいからです。しかし、審美的な好みだけが絶対必要ではありません。 –

Firefox 1以降、 '-moz-selection'がサポートされています。https://developer.mozilla.org/En/CSS/%3A%3Aselection – fcalderan

申し訳ありませんが、私は「：not」セレクタを意味していました。 –

CSS：、コンテナの選択無効（Firefoxで動作していない）子に有効

答えて

関連する問題