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;
}
答案 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>