在WordPress菜单中制作图标悬停

Question

我在wordpress的菜单链接上有一个'：悬停'。

我如何使：悬停效应也适用于"事件"部分，而不仅仅是图标？

[https://jsfiddle.net/b5stmnj0/][1]

Answer 1

您只需要将.icon:hover更改为a:hover .icon

请参阅此处https://jsfiddle.net/olpes7nh/

CSS：

a:hover .icon {
  width: 50px;
  height: 50px;
  padding-right: 10px;
  background-color: #e6e1d7;
  -webkit-mask: url(https://svgshare.com/i/Bpz.svg) no-repeat center;
  mask: url(https://svgshare.com/i/Bpz.svg) no-repeat center;
}