title: Name of key in React.js for unselectable css
body: <p>I defined a css object inside of my render method but I am trying to figure out how to make text unselectable.  React.js has their own key names like backgroundColor instead of background-color for css objects.  I am trying to figure out key name for unselectable styles?  Example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> render:function(){
    var ListItems={
     cursor:'pointer',
     color:'black',
     marginLeft:'-20px',
     marginTop:'-10px',
     marginBottom:'14px',
     userSelect:'none',
    }
    if(this.state.linkHover=='hoverLink'){
     ListItems.color='blue';
    }else{
     ListItems.color='black';
    }
     return (
      &lt;div&gt;
      &lt;li style={ListItems} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onClick={this.onClick}&gt;&lt;input type="checkbox" checked={this.state.checked} unselectable="on"/&gt;{this.props.value}&lt;/li&gt;
      &lt;/div&gt;
     )
   }</code></pre>
  </div>
  </div>
  </p>
  
  <p>userSelect doesn't seem to work in Chrome.  Is there a different name?</p>