噢大菁

如何修改CSS中存在的element.style内联样式

电脑版发表于:2018/11/28 17:12

改腾讯地图的时候调整了下样式,发现样式一直存在问题,修改style里面的值,一点用都没有,html中这个值还找不到是在哪里出现的,只有在检查样式的时候才发现这个属性值。


在HTML中只有这一句


   <div style='width: 480px; height: 10px;' id="infoDiv"></div>


因为element.style是内联样式 ,在js或者css里写死了的 ,有时候是别人封装好了的,用的时候页面上修改不了 ,我们就找到那个标签修改优先级,也就是 ! important  


我在css里加了两个这个样式,因为是嵌套div,所以先找到嵌套下了属性,再让它属性优先


 #infoDiv>div>div {
            position: static!important;
        }
#infoDiv>div>ol {
           margin: 20px!important;
        }


成功效果


关于TNBLOG
TNBLOG,技术分享。技术交流:群号677373950
ICP备案 :渝ICP备18016597号-1
App store Android
精彩评论
{{item.replyName}}
{{item.content}}
{{item.time}}
{{subpj.replyName}}
@{{subpj.beReplyName}}{{subpj.content}}
{{subpj.time}}
猜你喜欢