个性化阅读
专注于IT技术分析

如何在导航栏中更改:hover的形状?

我在导航栏社交图标上添加了透明的悬停, 但是我不知道如何更改悬停的形状。当前看起来像这样:

Facebook悬停

我希望悬停仅显示在图标本身上, 而不是其上方和下方的空间。

<li id="menu-item-518" class="fb-icon menu-item menu-item-type-custom menu-item-object-custom menu-item-518"><a title="Facebook" href="https://www.facebook.com/linkhere">Facebook</a></li>

我的孩子主题的CSS当前是:

/* Social link hover colour */
.fb-icon.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-518 a:hover{
	background-color:transparent;
}

谢谢


#1


请尝试删除padding-top和padding-bottom, 并在需要时将其替换为margin-top和margin-bottom。

所以也许是这样的:

.my-icon {
  padding-top: 0;
  padding-bottom: 0;
}
赞(0) 打赏
未经允许不得转载:srcmini » 如何在导航栏中更改:hover的形状?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏