当前位置: 开发笔记 > 前端 > 正文

使用<mat-icon>(角度材料)时,我们可以改变svgicon颜色吗？

作者：智亚康-Scorpio | 来源：互联网 | 2022-12-22 18:53

如何解决《使用<mat-icon>(角度材料)时,我们可以改变svgicon颜色吗？》经验，为你挑选了1个好方法。

所以我有一个svg图标,我使用角度材料来显示它,并希望在悬停时改变颜色,但到目前为止我还没有能够做到这一点.这是参考的代码:

当我尝试时,图标出现了

在css部分

.color:hover, .color:active{
color: black;
fill: black;
}

它不起作用.任何帮助将不胜感激,谢谢.

1> shahnshah..：

我今天早上自己解决了,我基本上用文本编辑器打开了svg,在长"Path"属性的末尾有一个填充属性,我只是删除了那部分,现在它工作得很棒.

例如(前): -

后:-

现在一切正常,悬停也起作用...非常感谢你们仍在研究它.

推荐阅读

svg
css 回到顶部按钮

本文由编程笔记#小编为大家整理，主要介绍了css回到顶部按钮相关的知识，希望对你有一定的参考价值。 ... [详细]

蜡笔小新 2023-10-17 13:38:49
svg
前端提高篇(七十)：SVG基本使用、基本样式、路径path

SVG是使用XML来描述二维图形和绘图程序的语言。SVG遵循的是xml的规范，与html5的使用有所区别SVG绘制出来的是矢量图，放大之后不会失真官方文 ... [详细]

蜡笔小新 2023-10-14 15:30:33
css
css适应样式,简述css样式的功能

css自适应字体样式？如果是一排文字，一个background‘red’;就搞定了。是多行的话，只有根据文字行高，用一张背景图横向重复。css样式自适应分辨率高度和宽度尽量使用百分 ... [详细]

蜡笔小新 2023-10-13 13:39:50
svg
灵活div的背景渐变填充，使用css还是图像？ - Background gradient fill for flexible div's, either using css or images?

Iamusingafixedheightimagetofilladivwithgradientcolorusingsomethinglike:background:t ... [详细]

蜡笔小新 2023-10-13 09:24:50
svg
W3Cschool学习笔记——HTML5基础教程

HTML5建立的一些规则：新特性应该基于HTML、CSS、DOM以及JavaScript。减少对外部插件的需求（比如Flash）更优秀的错误处理更多取代脚本的 ... [详细]

蜡笔小新 2023-10-13 08:21:22
css
CSS3选择器的使用方法详解，提高Web开发效率和精准度

本文详细介绍了CSS3新增的选择器方法，包括属性选择器的使用。通过CSS3选择器，可以提高Web开发的效率和精准度，使得查找元素更加方便和快捷。同时，本文还对属性选择器的各种用法进行了详细解释，并给出了相应的代码示例。通过学习本文，读者可以更好地掌握CSS3选择器的使用方法，提升自己的Web开发能力。 ... [详细]

蜡笔小新 2023-12-14 14:37:52
css
PDF内容编辑的两种小方法，你知道怎么操作吗？

本文介绍了两种PDF内容编辑的方法：迅捷PDF编辑器和Adobe Acrobat DC。使用迅捷PDF编辑器，用户可以通过选择需要更改的文字内容并设置字体形式、大小和颜色来编辑PDF文件。而使用Adobe Acrobat DC，则可以通过在软件中点击编辑来编辑PDF文件。PDF文件的编辑可以帮助办公人员进行文件内容的修改和定制。 ... [详细]

蜡笔小新 2023-12-12 19:37:50
css
介绍一个免费的具备数据显示/录入/更新/删除功能的asp.net控件

本文介绍了一个免费的asp.net控件，该控件具备数据显示、录入、更新、删除等功能。它比datagrid更易用、更实用，同时具备多种功能，例如属性设置、数据排序、字段类型格式化显示、密码字段支持、图像字段上传和生成缩略图等。此外，它还提供了数据验证、日期选择器、数字选择器等功能，以及防止注入攻击、非本页提交和自动分页技术等安全性和性能优化功能。最后，该控件还支持字段值合计和数据导出功能。总之，该控件功能强大且免费，适用于asp.net开发。 ... [详细]

蜡笔小新 2023-12-11 09:41:26
css
使用chrome编辑器实现网页截图功能的方法

本文介绍了在chrome浏览器中使用编辑器实现网页截图功能的方法。通过在地址栏中输入特定命令，打开控制台并调用命令面板，用户可以方便地进行网页截图操作。 ... [详细]

蜡笔小新 2023-12-10 15:50:00
svg
linux qt打开常用文件格式,设置Linux Qt文件默认打开方式为QtCreator

Linux自定义文件打开方式也可参照文本抱歉,本文前段时间写的ubuntu下的Qt工程文件默认打开方式是不好用的,因为其他的文本文件也会受到影响,强迫症患者,每次打开Qt工程都是先 ... [详细]

蜡笔小新 2023-10-17 16:56:50
css
前端不规则图像点击_如何在前端开发的潮流中快速学习学好学以致用？

大家好，我是致力于前端开发，前端设计，前端入门的前端小姐姐，今天为大家带来的前端新知识是【雪碧图和滑动门】，不 ... [详细]

蜡笔小新 2023-10-15 17:45:23
css
CSS笔记：基础教程

一、选择器CSS规则由选择器以及声明组成。*选择器分组*h1,h2,h3{}*后代选择器*pem{}*子元素选择器*pem{}*兄弟选择器（选择位于其后具有相同父元素的元素）*h ... [详细]

蜡笔小新 2023-10-13 10:19:26
css
HTML制作简单首页导航

h1大标题：李广程的作业列表查看演示地址一：http:js.lgcweb.cn查看演示备用地址：http:39.105.0.128Ja ... [详细]

蜡笔小新 2023-10-13 10:18:22
css
JQuery 总结（3） jQuery 各种事件

一，添加事件1.$(li).click(function(){$(this).css(background,orange)}) ... [详细]

蜡笔小新 2023-10-13 09:30:03
vue
ICON 图标库交付我们有了最友好的方案

ICON图标库交付-我们有了最友好的方案-theme:smartblue一、背景为了解决在维护Web图标库时所面临的痛苦，期望打造最友好的从设计到研发图标交付方案，我希望它们 ... [详细]

蜡笔小新 2023-10-13 08:35:51

智亚康-Scorpio

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章