作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我需要重写 addthis
css 属性,当我向它添加 !important
示例时它不起作用
有效
$("#at4-scc").css("opacity", "1");
$("#at4-scc").css("visibility", "visible");
结果 style="opacity: 1; visibility: visible;"
<div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide" style="opacity: 1; visibility: visible;">
<div class="at4-arrow at-left">Hide</div>
</div>
不起作用
$("#at4-scc").css("opacity", "1 !important");
$("#at4-scc").css("visibility", "visible !important");
结果 style=""
<div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide" style="">
<div class="at4-arrow at-left">Hide</div>
</div>
不确定为什么它不起作用。我必须覆盖默认的 css,因为它具有 !important
属性
默认样式
.at4-hide, .at4-hide-content {
opacity: 0 !important;
}
.at4-hide-content {
visibility: hidden;
}
我也试过在这个下面只添加最后一个 css 而不是两者都添加。
$('#at4-scc').attr('style', 'opacity: 1 !important');
$('#at4-scc').attr('style', 'visibility: visible !important');
最佳答案
instaed overriding remove previous class喜欢
$('#at4-scc').removeClass('at4-hide');
$('#at4-scc').removeClass('at4-hide-content');
然后添加
$("#at4-scc").css({"opacity":"1","visibility":"visible"});
关于jquery - 使用 jquery 覆盖 css 不适用于 addthis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33116993/
我是一名优秀的程序员,十分优秀!