如何修改element.style样式
我们在写前面 web样式的时候,会发现有些时候,我们怎么修改 style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有 element.style的值,这个值还找不到是在哪里出现的,还修改不了。其实element.style是一种内联样式,很多情况下是在一些javascript代码里写死的,这种方法相当不好。但是有些时候,我们在使用第三方js文件时,会遇到。哪么我们如何去修改它呢,其实很简单。
可以通过css中的 !important 语法优先权来实现我们想要的效果。 举个例子:
默认情况下上面的背景颜色是绿色,我们找不到element.style该怎么修改呢,这时候就可以在下面CSS样式表里面修改:
如上图,在css样式表里面加入一个背景样式
1 | background : #FFFFFF ! important |
可以看到的是最上面的绿色被禁用,白色就是优先显示了。
注意叹号是英文状态下的"!"