Uncutectable css için React.js anahtarının adı

Question

Oluşturma yöntemimin içinde bir css nesnesi tanımladım ancak metnin nasıl seçilemez hale getirileceğini anlamaya çalışıyorum. React.js, css nesneleri için arka plan rengi yerine backgroundColor gibi kendi anahtar isimlerine sahiptir. Seçilmemiş stiller için anahtar adı anlamaya çalışıyorum? Örnek:

\t render:function(){ 
 
\t \t var ListItems={ 
 
\t \t \t cursor:'pointer', 
 
\t \t \t color:'black', 
 
\t \t \t marginLeft:'-20px', 
 
\t \t \t marginTop:'-10px', 
 
\t \t \t marginBottom:'14px', 
 
\t \t \t userSelect:'none', 
 
\t \t } 
 
\t \t if(this.state.linkHover=='hoverLink'){ 
 
\t \t \t ListItems.color='blue'; 
 
\t \t }else{ 
 
\t \t \t ListItems.color='black'; 
 
\t \t } 
 
\t \t \t return (
 
\t \t \t \t <div> 
 
\t \t \t \t <li style={ListItems} onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} onClick={this.onClick}><input type="checkbox" checked={this.state.checked} unselectable="on"/>{this.props.value}</li> 
 
\t \t \t \t </div> 
 
\t \t \t) 
 
\t }

userSelect Chrome'da çalışmaya görünmüyor. Farklı bir isim var mı?

Answer 1

kullanıcı seçerek aşağıdaki css ismi vardır:

-moz-user-select: none; 
-webkit-user-select: none; 
-ms-user-select: none; 

Buna göre en tepki adları şunlardır:

MozUserSelect:none 
WebkitUserSelect:none 
msUserSelect:none 

Her tire - ve aşağıdaki karakter büyük harf göre değiştirilir.