如何在導航欄中更改：hover的形狀？

Question

我在導航欄社交圖標上添加了透明的懸停，但是我不知道如何更改懸停的形狀。 當前看起來像這樣：

我希望懸停僅顯示在圖標本身上，而不是其上方和下方的空間。

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

謝謝

Answer 1

嘗試刪除padding-top和padding-bottom並在需要時將其替換為margin-top和margin-bottom 。

所以也許是這樣的：

.my-icon {
  padding-top: 0;
  padding-bottom: 0;
}