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

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

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

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

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

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

希望对你们有所帮助。