使用顺风更改悬停颜色

Question

我想使用 tailwind 将鼠标悬停在上面更改图标的颜色 从这个

到这个

这是我所做的，但它不起作用

.btn {
@apply  agt-h-10 agt-w-10 agt-bg-zinc-100 agt-rounded-full agt-flex agt-justify-center
}

.img{
   @apply agt-w-full  hover:agt-fill-black
}

PS：我正在使用 tailwindcss 和 agt 它只是一个内部库

Answer 1

您需要向icon 的父母div 提供class，并且在css 文件中您需要更改hover 上svg 的颜色。像这样，

.changeColor:hover svg>path {
    stroke: "#f00"
}