更改"将鼠标悬停在"导航菜单项中的颜色(已编辑)

时间:2016-06-06 18:40:18

标签: javascript html css

http://www.new.techmoney360.com/是我正在处理的网站,它都是在wordpress中制作的。

当您将鼠标悬停在导航栏中的菜单项上时,您会注意到它们会变成深黑色,而不是这样我想使用不同的颜色。

我似乎无法确定代码的位置是选择将鼠标悬停在颜色上,是否有人知道这是在哪里设置的?

我一直在挖掘主题文件,我尝试使用谷歌的检查元素,但在搜索完毕后我找不到它。我不确定这是不是一个javascript也是这样做的。

编辑---------

为了进一步帮助并找到选择此颜色的位置,我打开了所有文件并尝试搜索与" hover"相关的任何内容,并且没有多少... 。

这是我一直想要尝试找到的地方,考虑到它是用wordpress构建的。

这是导航模板文件

<?php do_action('discussion_before_top_navigation'); ?>

<nav class="mkd-main-menu mkd-drop-down <?php echo esc_attr($additional_class); ?>">
<?php wp_nav_menu( array(
    'theme_location' => 'main-navigation' ,
    'container'  => '',
    'container_class' => '',
    'menu_class' => 'clearfix',
    'menu_id' => '',
    'fallback_cb' => 'top_navigation_fallback',
    'link_before' => '<span>',
    'link_after' => '</span>',
    'walker' => new DiscussionTopNavigationWalker()
)); ?>
</nav>

<?php do_action('discussion_after_top_navigation'); ?>

这是一个css文件,当我搜索&#34; hover&#34;我找到了这些:

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #fb4c35;
}

a,p a {
color: #121212;
text-decoration: none;
cursor: pointer;
-webkit-transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9);
-moz-transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9);
transition: color 0.15s cubic-bezier(0.35, 0.7, 0.32, 0.9);
}

a:hover, p a:hover {
color: #fb4c35;
}

2 个答案:

答案 0 :(得分:1)

在/wp-content/themes/discussionwp/assets/css/modules.min.css?ver=4.3.4

中设置
.mkd-main-menu>ul>li.mkd-active-item>a, .mkd-main-menu>ul>li:hover>a {
    background-color: #333;
}

答案 1 :(得分:0)

这个怎么样

<table>
  <tr>
    <td id=ColoredMenuItem onmouseenter="ColoredMenuItem.bgcolor='lime'" onmouseleave="ColoredMenuItem.bgcolor=''"> hover over here </td>
  </tr>
</table>