vue.js - 如何通过css替换html中的svg标签？
vue项目中引入了第三方组件，组件中用到了svg图片，f12查看源码，类似于：
想通过 css 定位 span 标签。把 svg 给替换掉，请问该如何实现？
共有1个答案
CSS并不能替换HTML元素。如果你想要替换 svg 图标，不应该使用js控制对应的图标元素吗？
举个 Ele+ 的例子
<el-icon :size="20"> <Edit v-if="flag" /> <Delete v-else /></el-icon>如果说你不想要 svg 元素显示。那么可以直接使用选择器，把 svg 元素的 display 属性设置为 none。
拿 Ele+ 的时间选择器举个例子：
<template> <div class="example-basic"> <el-time-picker v-model="value" placeholder="Arbitrary time" /> </div></template><script lang="ts" setup>import { ref } from 'vue'const value = ref()</script><style>.example-basic .el-date-editor .el-input__prefix-inner { display: none}// or.example-basic .el-date-editor .el-input__prefix-inner svg { display: none}</style>-
我的代码有点问题： 我的一些东西。身份证号码有一个斜杠。因此，某些图像不会显示。现在，如果项目中出现斜杠，我想用下划线替换斜杠或将其删除。身份证号码。有没有简单的解决办法？ 斜杠只能在代码中的这一点上替换，而不能在项目所在的其他位置替换。使用id。
-
问题内容： 这是我想出的一小段代码的自我问答。 当前，没有一种简单的方法可以嵌入SVG图像，然后可以通过CSS访问SVG元素。有多种使用JS SVG框架的方法，但是如果您要做的只是制作带有过渡状态的简单图标，它们将过于复杂。 所以这就是我想出的，我认为这是迄今为止在网站上使用SVG文件的最简单方法。它的概念来自早期的文本到图像替换方法，但据我所知，从未对SVG进行过处理。 这是问题： 如何在不使用
-
这是我想出的一段方便的代码的自我问答。 目前，还没有一种简单的方法来嵌入SVG图像，然后通过CSS访问SVG元素。使用JS SVG框架的方法多种多样，但如果您所做的只是制作一个带有滚动状态的简单图标，那么这些方法就过于复杂了。 所以这里是我想出的，我认为这是迄今为止在一个网站上使用SVG文件的最简单的方法。它的概念来自早期的文本到图像的替换方法，但据我所知，SVG从来没有这样做过。 这就是问题所在
-
问题内容： 由于HTML5中不推荐使用HTML中的标记（我理解为什么），有没有一种将某些属性和样式仅应用于段落文本 部分 的干净解决方案？我使用JavaScript来解析XML文件，该事实依赖于标签允许使用基于类的CSS格式化部分包装文本的事实。我意识到“ anchor”（）标记也可以用于此目的，但是这种方式看起来非常落后且不自然。 编辑 当我问这个问题时（几年前），我未能理解每个DOM元素都属于
-
本文向大家介绍MySQL批量替换HTML标签，包括了MySQL批量替换HTML标签的使用技巧和注意事项，需要的朋友参考一下 1 前因 前段时间维护的一个WordPress小网站被黑，分析源码发现内容中多出了一段JavaScript代码： 访问页面的时候，会跳转到黑客的广告页面： 经过追踪，最后发现是在MySQL中被注入了以上代码，所以需要在wp_posts表中把这些内容都替换掉 （当然后来加强了这
-
My Go程序发出HTTP请求，其响应主体是大型JSON文档，其字符串编码与字符 。ReadCloser，它替换< code >的所有实例 我怀疑这可以用< code>x/text/transform来实现，但是不要马上看到如何实现。特别是，我担心一个实体跨越几批字节的边缘情况。也就是说，一批以< code >结束