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

Question

Chromeでしたがって、次の作品ではなく、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; 
} 

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

Answer 1

提案のカップル

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は制限が、この種のを避けるため：彼らは一般的に刺激していると誰かが本当に選択し、ページ上のテキストをコピーしたい場合彼はソースコードビューから簡単にそれを行うことができました