CSS冲突1 要关掉的css在项目内：【material-table】中 checkbox 点击checkbox无法选中or取消，点击旁边才能选中or取消

CSS优先级：

!important > 行内样式 > 内嵌样式|链接外部样式（哪个在后面哪个优先级大）

id选择器 > class选择器 > 元素选择器

react中好像还不太方便添加!important，需要使用react ref 属性

<div ref={element => {

     if (element) element.setProperty('border', '2px', 'important');

  }}

/>

https://cloud.tencent.com/developer/ask/170807

CSS冲突1 要关掉的css在项目内：【material-table】中 checkbox 点击checkbox无法选中or取消，点击旁边才能选中or取消

material table中的checkbox控件，点击框内选不中，点击框外左侧缺能选中，发现是因为css冲突：

CSS冲突1 要关掉的css在项目内：【material-table】中 checkbox 点击checkbox无法选中or取消，点击旁边才能选中or取消

发现是因为material table的checkbox实际由两个控件 svg 和 input 组成，svg是方框图片，input才是实际上点击事件的控件。而input的位置因为css冲突偏移了，从而导致点击时间没有发生在框内

使用浏览器检查找到css冲突的具体语句

CSS冲突1 要关掉的css在项目内：【material-table】中 checkbox 点击checkbox无法选中or取消，点击旁边才能选中or取消

在项目中全局搜索，找到这个语句所在css，将这句注释掉就可以了

秒客网