在Blogger上自定义“标准”页面列表小工具

时间:2022-05-13 06:45:49

how can I remove the highlight effect on the menu tab that I´m on, but still have a mouse-over effect on the items?

如何删除我所在的菜单选项卡上的高亮效果,但仍然对项目有鼠标悬停效果?

1 个解决方案

#1


0  

You want to use the hover CSS selector http://www.w3schools.com/cssref/sel_hover.asp

您想使用悬停CSS选择器http://www.w3schools.com/cssref/sel_hover.asp

Not sure how you have your menu set up but here is an example.

不确定如何设置菜单,但这是一个例子。

.manu-nav a:hover { 
    color: tomato;
}

.menu-nav li:hover { 
    background-color: gray;
}

As for removing the current effect of the active, you want to look at how the page you are trying to change is set up. There is probably a class or an id added to that highlighted element (something like "active"). That class or ID will have some styling associated with it. When you move to another page in the menu, you should notice that the ID or Class (i.e. active) moved to that new tab.

至于删除活动的当前效果,您需要查看您尝试更改的页面是如何设置的。可能有一个类或一个id添加到该突出显示的元素(类似“活动”)。该类或ID将具有一些与之相关的样式。当您移动到菜单中的另一个页面时,您应该注意到ID或类(即活动)已移动到该新选项卡。

Hope this helps.

希望这可以帮助。

#1


0  

You want to use the hover CSS selector http://www.w3schools.com/cssref/sel_hover.asp

您想使用悬停CSS选择器http://www.w3schools.com/cssref/sel_hover.asp

Not sure how you have your menu set up but here is an example.

不确定如何设置菜单,但这是一个例子。

.manu-nav a:hover { 
    color: tomato;
}

.menu-nav li:hover { 
    background-color: gray;
}

As for removing the current effect of the active, you want to look at how the page you are trying to change is set up. There is probably a class or an id added to that highlighted element (something like "active"). That class or ID will have some styling associated with it. When you move to another page in the menu, you should notice that the ID or Class (i.e. active) moved to that new tab.

至于删除活动的当前效果,您需要查看您尝试更改的页面是如何设置的。可能有一个类或一个id添加到该突出显示的元素(类似“活动”)。该类或ID将具有一些与之相关的样式。当您移动到菜单中的另一个页面时,您应该注意到ID或类(即活动)已移动到该新选项卡。

Hope this helps.

希望这可以帮助。