动态添加的 element.style 的样式覆盖了自己的样式

    技术2022-07-11  104

    当我点击一个按钮的时候,它总是会出现错位的样式,查看样式元素每次点击的时候都会自动添加一个element.style的样式

    element.style {

       position: relative;

       overflow: hidden;

    }

    也没有显示该样式出自哪个样式文件

    这是这么回事呢?

    这种一般有三种原因:

    1.有可能是你自己写的样式,比如自己定义的行内样式 style

    2.如果自己确定没写的话,就有可能是引入的外部js或css文件导致的,别人已经定义好的

    3.控件本身的JS修改样式引发的

    解决办法:

    1.使用内联样式 即直接在具体的dom 元素上添加 style 样式

    2. 如果还是不行就是用优先级 !important,在自己定义的class 中添加 !important 提高优先级

    .your-own-defined-style {

       position: fixed !important;

       overflow: hidden;

    }

    这样使自己定义的样式优先于其他的外部或是控件的样式,这样达到覆盖其他样式的目的,使其失效,达到目的。

    Processed: 0.011, SQL: 9