title: CSS: disabling select on container, enabling on child (not working in Firefox)
body: <p>So the following works in Chrome, but not FireFox:</p>
  
  <pre><code>* {
      -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;
  }
  </code></pre>
  
  <p>Is there a way to disable selecting on container elements, but allow things like form inputs to be selectable?</p>