CSS - 更改悬浮的填充颜色 - SVG PATH [英] CSS - Change Fill Color on Hover - SVG PATH

问题描述

在我的项目中使用现代ui图标包。我尝试做的是更改悬停时的填充颜色。

但我没有成功。

希望有人帮我解决这个问题。

提前感谢。

代码： $ p> < div id =Main>
< ul>
< li>
< form>
< button>
< div class =inner>
< svg>
< path d =M35 ....... etc ..>
< / path>
< / svg>
< / div>
< / button>
< / form>
< / li>
< / ul>
< / div


解决方案

svg css属性。

  #Main svg：hover {
 fill： ＃fce57e; 
} 
  

im using the modern ui icons pack in my project using the svg path.

what i try to do is to change the fill color on hover .

but i have no success..

hope someone help me out with this .

Thanks in advance.

Code:

<div id="Main">
   <ul>
      <li>
          <form>
             <button>
                <div class="inner">
                   <svg>
                     <path d="M35.......etc..">
                     </path>
                   </svg>
                </div>
             </button>
          </form>
      </li>
   </ul>
</div

解决方案

You can overwrite svg css property as per below.

#Main svg:hover {
    fill: #fce57e;
}

这篇关于CSS - 更改悬浮的填充颜色 - SVG PATH的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！