【问题标题】:how to disable the default css color of an anchor tag如何禁用锚标签的默认css颜色
【发布时间】:2013-07-14 17:25:58
【问题描述】:

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

这是我正在使用的标签:

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

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

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

请帮我解决这个问题3。

【问题讨论】:

  • 这是一个奇怪的问题。您可以设置a 的颜色,并使用 CSS 选择光标图标。如果您需要禁用点击事件,您可以使用 jQuery。您需要哪些方面的帮助?
  • @AhmadAlfy 实际上,您没有正确理解我的疑问。我不是在寻求有关如何在我的锚标签上使用 CSS 的帮助?我在问“如何删除锚标签的默认颜色?”请再次阅读我的问题
  • 是什么让您认为 CSS 是改变元素外观的错误工具?
  • @Quentin Sir,用户可以在我的网站中选择不同的 jquery 主题(jqueryui.com/themeroller),如果我的锚标签使用一种固定颜色,那么它不适用于其他主题,那就是原因我想删除锚标签的默认颜色
  • 删除默认颜色后你会做什么?可以分配自定义颜色而不是默认颜色。那你为什么不简单地使用css规则。

标签: jquery html


【解决方案1】:

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

a { color: inherit; }

来源:

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

【讨论】:

    【解决方案2】:

    你会想用 CSS 而不是 JS 来做这件事。在您的 CSS 文件中使用类似的内容:

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

    【讨论】:

    • 先生,我不是在寻求有关如何在我的锚标签上使用 css 的帮助吗?我在问“如何删除锚标签的默认颜色?”请再次阅读我的问题
    【解决方案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() });
        });   
    });
    

    【讨论】:

    • 先生,感谢您的回答,但对我没有帮助。因为我选择的主题来自jqueryui.com/themeroller。所以,我不能按照你说的去做。如果你告诉我如何去除锚标签的默认css颜色,那么我的问题就解决了
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-07-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-15
    • 2018-07-04
    相关资源
    最近更新 更多