CSS冲突1 要关掉的css在项目内:【material-table】 中 checkbox 点击checkbox无法选中or取消,点击旁边才能选中or取消
2019-03-07 17:07 ZealouSnesS 阅读(577) 评论(0) 编辑 收藏 举报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
material table中的checkbox控件,点击框内选不中,点击框外左侧缺能选中,发现是因为css冲突:
发现是因为material table的checkbox实际由两个控件 svg 和 input 组成,svg是方框图片,input才是实际上点击事件的控件。而input的位置因为css冲突偏移了,从而导致点击时间没有发生在框内
使用浏览器检查找到css冲突的具体语句
在项目中全局搜索,找到这个语句所在css,将这句注释掉就可以了