jquery - 如何禁用锚标签的默认css颜色

Question

是否可以使用 jquery/css 删除锚标记的默认 CSS。
我允许用户选择 不同的 jquery 主题 。这就是我必须删除锚标记的默认颜色/css 的原因。原因是如果我为我的锚标签使用一种固定颜色，那么如果用户选择它不适合其他主题，这就是我要删除锚标签的默认颜色的原因。

这是我正在使用的标签：

  <h2 class="post-title">
    <a href="">  Blog post title </a>  <!-- How to disable the default css color of anchor -->
 </h2> 

如果我在锚上使用 css，那么这不适合我的其他主题。这就是原因，我想删除我的锚标记的默认 css 颜色。

我当前选择的主题上的当前不匹配默认锚行为，您可以在这张图片中看到，

请帮我解决这个问题3。

Answer 1

经过小小的搜索，我解决了我的问题

a { color: inherit; }

资源：

https://stackoverflow.com/a/6722667/1684778

Answer 2

您将希望使用 CSS 而不是 JS 来执行此操作。在你的 CSS 文件中使用这样的东西：

a, a:hover, a:visited {
    /* your styles */
}

Answer 3

您可以像这样设置颜色，而无需在 css 文件中定义。无论是在加载时，还是在主题更改时。

演示http://jsfiddle.net/yeyene/c2yHg/1/

$(document).ready(function(){
    // set color on DOM ready, before theme change
    $('.post-title a').css({'color':'#000' });

    // set color when theme change
    $('#theme').on('change', function() {
        $('.post-title a').css({'color':$(this).val() });
    });   
});