鼠标放在svg图标上会出现阴影，如何取消

要取消鼠标放在SVG图标上出现的阴影效果，可以使用CSS的:hover伪类选择器来控制，将box-shadow属性设置为none即可。具体的CSS代码如下：

svg:hover {
  box-shadow: none;
}

这样，当鼠标放在SVG图标上时，就不会出现阴影效果了。

相关问题

qgis svg 图标 下载

QGIS是一款免费的GIS软件，它包含了许多的功能和工具，其中的SVG图标是为了方便用户使用而设计的。使用QGIS自带的SVG图标可以使地图的呈现更加美观和易于识别，因此很多用户会需要下载QGIS SVG图标。

要下载QGIS SVG图标，首先需要找到合适的网站或资源。一般来说，QGIS官网提供了SVG图标的下载链接，用户可以前往官网查找。

在官网中，用户可以找到QGIS的图标集，其中包含了多个不同的SVG图标。用户可以根据自己的需要下载相应的图标集或者单个图标。

下载QGIS SVG图标后，用户需要将其导入到QGIS中。在QGIS中打开设置，选择高级选项，选择SVG图标主题并添加刚刚下载的SVG图标文件。之后，用户便可以在QGIS中使用下载的SVG图标。

总体上来说，下载QGIS SVG图标并使用它们可以为地图的制作和呈现增加许多的魅力和效果。通过找到合适的资源并导入到QGIS中，用户可以轻松地使用这些图标，让地图更加生动、直观。

uniapp svg 点击会出现边框

要在Uniapp中实现SVG点击时出现边框的效果，你可以使用以下步骤：

1. 在你的SVG元素上添加一个点击事件监听器。可以使用`@click`指令来实现，例如：`@click="handleClick"`。

2. 在Vue实例或组件的方法中定义`handleClick`函数，用于处理点击事件。

3. 在`handleClick`函数中，通过操作数据来设置一个标志位，表示是否要显示边框。例如，你可以在data中定义一个`showBorder`变量，并在点击事件中将其值设置为true。

4. 在SVG元素的样式中，使用条件渲染（v-bind）来根据`showBorder`的值来动态添加边框样式。例如，可以使用类绑定的方式，通过添加一个类来设置边框样式。

这是一个简单的示例代码：

<template>
  <div>
    <svg @click="handleClick" :class="{ 'svg-border': showBorder }">
      <!-- SVG内容 -->
    </svg>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showBorder: false
    };
  },
  methods: {
    handleClick() {
      this.showBorder = true;
    }
  }
};
</script>

<style scoped>
.svg-border {
  border: 2px solid red;
}
</style>

这样，当你点击SVG元素时，会触发点击事件并将`showBorder`值设为true，从而添加一个带有边框样式的类到SVG元素上，达到显示边框的效果。