如何扩大悬停在菜单上

【问题标题】：How to expand hovering on menu如何扩大悬停在菜单上
【发布时间】：2022-02-01 22:58:14
【问题描述】：

我在 wordpress 中使用海狸菜单模块添加了一个图标。但是当悬停时，我希望图标左侧有更多空间，我该怎么做？

我使用的css代码：

.icon a{
padding-left: 20px !important;

background-image: url('/wp-content//uploads/image_ico.png');
background-size: 16px 16px;
background-position: left;
background-repeat: no-repeat;

}

【问题讨论】：

标签： css wordpress menu

【解决方案1】：

当您像这样悬停时，在相关元素上添加悬停

.icon a{
padding-left: 20px !important;

background-image: url('/wp-content//uploads/image_ico.png');
background-size: 16px 16px;
background-position: left;
background-repeat: no-repeat;

}

.icon a:hover {
  padding-left: 40px !important;
}

【讨论】：