【问题标题】:Can't define active link color in custom Drupal theme无法在自定义 Drupal 主题中定义活动链接颜色
【发布时间】:2013-07-29 14:54:59
【问题描述】:

我正在使用以下代码在我的自定义 Drupal 主题中打印一个两级嵌套菜单:

<?php
    print drupal_render(menu_tree_output(menu_tree_all_data('main-menu')));
?>

这很好用,现在我正在尝试使用以下代码在我的 style.css 文件中编辑菜单外观。

a:link {color:#fff; text-decoration: none; font-family: 'Dosis', sans-serif; font-size: 22px;}    
a:active {color: #93278f;}
a:visited {color:#fff;} 
a:hover {color: #93278f;}

链接、已访问和悬停颜色设置工作正常,但活动链接颜色不起作用。活动链接不是所需的颜色#93278f,而是黑色。我必须做什么才能完成这项工作?

在源代码中,我看到活动菜单项的代码是例如

<li class="leaf active-trail"><a href="/drupal-7.22/?q=node/7" class="active-trail active-trail active-trail active">MENU ITEM</a></li>

【问题讨论】:

    标签: drupal hyperlink colors


    【解决方案1】:

    Active 是一个 CSS 类,它的目标是 CSS 中的“点”(而不是您使用的分号)。

    将您的 CSS 代码更改为

    a:link {color:#fff; text-decoration: none; font-family: 'Dosis', sans-serif; font-size: 22px;}    
    a.active {color: #93278f;}
    a:visited {color:#fff;} 
    a:hover {color: #93278f;}
    

    然后再试一次。否则,最好用 Firebug 看看是什么覆盖了你的 CSS 定义。

    【讨论】:

    • . point 没有做任何事情,但是使用 Firebug 我能够看到我的 css 被 Drupal system.menus.css 文件覆盖。所以谢谢你的提示:)
    • 难道没有最后加载到页面中的某种 custom.css 文件吗?那应该能够覆盖所有通用样式。
    猜你喜欢
    • 1970-01-01
    • 2020-08-04
    • 2021-08-08
    • 1970-01-01
    • 2015-10-04
    • 2017-11-29
    • 2018-06-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多