如何在导航栏中更改：hover的形状？

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

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

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