更改Disqus选项卡的下划线颜色

Question

How to change underline color for tabs in disqus on my site?

I tried to rewrite disqus rules by own:

.nav-primary>ul>li.active>a:after {
    content: " ";
    display: block;
    right: 0;
    height: 2px;
    background: #000 !important;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.active .publisher-nav-color::after {
    background: #000 !important;
}

My rules has no effect (because of iframe, suppose)

Answer 1

The active tab underline color can't be changed. Disqus uses the default link color of the page it's on. If it is using a different color other than your link color, make sure your main <a> color style is inheritable by Disqus.

See the "Link color" section: https://help.disqus.com/customer/portal/articles/545277-disqus-appearance-tweaks

Answer 2

a:after -> a::after

.nav-primary>ul>li.active>a:after {background: #000 !important;}

should be

.nav-primary > ul > li.active > a::after {background: #000 !important;}

Answer 3

You answered your own question: Styles cannot be applied to iframes because they are a different source. You might want to check Disqus's Appearance Tweaking guide which shows you how to make css tweaks.