解决 element.style覆盖样式问题

@JAMMLY 2019年05月18日

摘要在做项目中修改一个主题的CSS样式时,遇到一个问题,修改了不起作用,通过谷歌浏览器查看是elememt.style这个东西在作怪。但是项目中找不到elememt.style,无法进行修改,通过网上查资料原来是优先权问题,如下图

在做项目中修改一个主题的CSS样式时,遇到一个问题,修改了不起作用,通过谷歌浏览器查看是elememt.style这个东西在作怪。但是项目中找不到elememt.style,无法进行修改,通过网上查资料原来是优先权问题,如下图

解决 element.style覆盖样式问题elememt.style在起作用

       解决方法:

            可以通过css中的 !important 语法优先权来实现我们想要的效果

        默认情况下我的页面背景色是绿色的,但是我想要的实际效果是白色,由于elememt.style起着作用,所以可!important解决问题。如图:

解决 element.style覆盖样式问题

          如上图只需要在样式里面加入:background:#FFFFFF ! important;  就可以了。

          这样就可以看到绿色被禁止了,白色背景显示出来了。


郑重声明:本站部分内容来源网络,如有侵权请联系本站删除处理!