怎么解决element.style的页面样式问题

今天写页面的时候,需要给表头设置一个颜色,明明设置了颜色的css属性,但是页面中就是没效果。打开浏览器调试器才发现不知道哪儿冒出来一个element.style的东西,将表格头颜色设置了transparent属性,导致我的css中设置的颜色无效。很无奈,因为关于这个element.style不知道从哪儿冒出来的,页面中压根都找不到该属性方法。

看下图可以看出,element设置了颜色属性,造成了我css中设置的颜色无效。

怎么解决element.style的页面样式问题

在网上搜了搜element.style的属性,大概说的意思就是,这是我引入外部js/css包里人家定义好的,他的这种样式会把自己的样式给覆盖掉。需要在自己定义的样式后面加上!important控制来优先使用自己的样式。

于是我在自己定义的样式后面加上了 !important

怎么解决element.style的页面样式问题

当然,对于这个问题还有其他的解决方法。既然页面中css属性找不到这个element的属性设置,那么肯定在你引用的js中设置了这个东西,找出来,修改掉就行了。

希望对你们有所帮助。