title: CSS Disable the selection of input control content
body: <p>I want to disallow user from select a content of input control by css.
  Im trying to add the following attributes to the control: </p>
  
  <pre><code> #editContainer
    {    
       user-select: none
      -webkit-user-select: none
      -khtml-user-select: none
      -moz-user-select: none
    }
  
  &lt;div id='editContainer'&gt;
      &lt;input id='daysInput' /&gt;
       &lt;span id='daysString'&gt;&lt;/span&gt;
       &lt;input id='hoursInput' /&gt;
       &lt;span&gt;:&lt;/span&gt;
       &lt;input id='minuteInput' /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it is not working...</p>
  
  <p>how can i prevent from users to select content of controls?</p>