css：鼠标经过el-dropdown 组件上会出现一个蓝色的小框

news2024/11/15 11:47:33

问题描述

效果如下，原以为是浏览器的bug，升级后就好了，没想到一直有这个问题

页面刷新后，鼠标经过el-dropdown 组件上会出现一个蓝色的小框

在这里插入图片描述

原因

浏览器默认有一个样式，加了一个边框

:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

问题解决

知道原因之后，就好处理了

:focus-visible {
  outline: none;
}

参考文章

  1. 使用element-plus中的下拉菜单,当鼠标放上去后出现一个黑框，点击也会出现黑框，点击外面则会消失，怎么去掉这个黑框

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/732172.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

应用层：客户-服务器方式(C/S)、对等方式(P2P)

应用层：客户-服务器方式(C/S)、对等方式(P2P)

1.应用层：客户-服务器方式和对等方式 笔记来源： 湖科大教书匠：客户-服务器方式和对等方式 声明：该学习笔记来自湖科大教书匠，笔记仅做学习参考 开发一种新的网络应用首先要考虑的问题就是网络应用程序在各种端系统上的…
阅读更多...
git no matching host key type found. Their offer: ssh-rsa

git no matching host key type found. Their offer: ssh-rsa

本地生成ssh，并配置了服务器SSH Public Keys 问题 拉去远程代码报错 git no matching host key type found. Their offer: ssh-rsa (base) tangsiqitangsiqideMacBook-Pro VDI % git clone "ssh://tangsiqireview.archeros.cn:29418/ArcherDT/vdi-server&…
阅读更多...
通用登录模块（解决多端开发登录策略不同的问题）

通用登录模块（解决多端开发登录策略不同的问题）

文章目录 1、目前登录接口2、问题分析3、解决方案4、使用场景 现在有一个场景，就是需要做登录，但是我们不确定现在移动端的同学做几端，可能会有 手机号登录、账号密码登录、qq登录、微信登录、PC端登录、网页端登录。这些登录的具体实现肯定…
阅读更多...
Go语言基础知识（一）：基础介绍

Go语言基础知识（一）：基础介绍

一、简介 Go 语言又称 Golang，由 Google 公司于 2009 年发布，近几年伴随着云计算、微服务、分布式的发展而迅速崛起，跻身主流编程语言之列，和 Java 类似，它是一门静态的、强类型的、编译型编程语言，为并发…
阅读更多...
python_day2

python_day2

猜数字-while循环 import randomnum random.randint(1, 10) while True:x int(input("输入&#xff1a;"))if x > num:print("大了")elif x < num:print("小了")else:print("猜对了")break打印九九乘法表-while循环 i 1 wh…
阅读更多...
mysql中desc的两种用法---1、查询表结构和降序

mysql中desc的两种用法---1、查询表结构和降序

Mysql中DESC的两种用法 1、查询表结构 语法&#xff1a; desc table_name&#xff1b; PS&#xff1a;此处desc是describe的缩写&#xff0c;用法&#xff1a; desc 表名/查询语句 2、降序 语法&#xff1a; select * from 表 order by 字段 desc select ename,sal from e…
阅读更多...
华为Harmony应用开发初探

华为Harmony应用开发初探

HarmonyOS是一款面向万物互联时代的、全新的分布式操作系统。在传统的单设备系统能力基础上，HarmonyOS提出了基于同一套系统能力、适配多种终端形态的分布式理念，能够支持手机、平板、智能穿戴、智慧屏、车机等多种终端设备，提供全场景（移动办公、运动健康、社交通信、媒体…
阅读更多...
VectorCAST软件安装

VectorCAST软件安装

一、VectorCAST的安装 在 Windows 平台&#xff0c;安装文件是一个压缩文件&#xff08;zip 文件&#xff09;&#xff0c;请将其解压缩&#xff0c;解压缩后&#xff0c;找到 setup.exe&#xff0c; 双击运行&#xff0c;打开软件安装界面&#xff0c;之后在此界面点击 Next&…
阅读更多...
利用python绘制二三维曲面和矢量流线图

利用python绘制二三维曲面和矢量流线图

为了实现不同数据的可视化&#xff0c;最近研究了python环境下的可视化方案&#xff0c;为后续的流体运动仿真模拟做好储备&#xff0c;由于python处理数据的便利性&#xff0c;导致目前很多后端处理或者可视化成图操作都在python中实现&#xff0c;比如前端是vue&#xff0c;加…
阅读更多...
全国时尚CIO峰会丨实在智能：“数字员工”成企业数字化关键纽带

全国时尚CIO峰会丨实在智能：“数字员工”成企业数字化关键纽带

时尚&#xff0c;是不断演进的艺术。“中国时尚行业转型高峰论坛暨时尚行业CIO夏季峰会”作为时尚界的重要盛事&#xff0c;已经成为业界领袖、品牌大咖与创新者们的汇聚之地。近日&#xff0c;以“数智极智未来&#xff1a;新纪元 新生命”为主题的第八届时尚行业盛会在广东佛…
阅读更多...
Linux驱动开发：Linux内核启动流程详解

Linux驱动开发：Linux内核启动流程详解

前言&#xff1a;Linux 内核同样作为 Linux 驱动开发的 “三巨头” 之一&#xff0c;Linux 内核的启动流程要比 uboot 复杂的多&#xff0c;涉及到的内容也更多。但秉持着 “知其然知其所以然” 的学习态度&#xff0c;作者将给读者朋友大致的过一遍 Linux 内核的启动流程。(考…
阅读更多...
Jmeter的常用设置（二）

Jmeter的常用设置（二）

文章目录 前言一、察看结果树响应结果是乱码_解决方法 方法一&#xff1a;在察看结果树之前添加 后置处理器 中的 “BeanShell PostProcessor” 来动态修改结果处理编码方法二&#xff1a;在配置文件中修改二、使用步骤 1.引入库2.读入数据总结 前言 接口测试中遇到的各种问题…
阅读更多...
VN积分法卷径计算

VN积分法卷径计算

卷径计算的其他方法请参看专栏的相关文章，链接如下： 卷径计算(V/N法)_RXXW_Dor的博客-CSDN博客卷径计算(厚度累计法/膜厚叠加法)_RXXW_Dor的博客-CSDN博客卷径计算的截面积法请参看下面的文章链接：卷径计算详解(通过卷绕的膜长和膜厚进行计算)_RXXW_Dor的博客-CSDN博客有关…
阅读更多...
高清视频如何转成gif动画？手把手教你在线转换高清gif

高清视频如何转成gif动画？手把手教你在线转换高清gif

说到gif动图相信大家并不陌生&#xff0c;随着gif表情包越来越火爆&#xff0c;大家也不满足于收藏转载别人的表情包了。都开始自己制作gif表情包了&#xff0c;那么&#xff0c;如何将视频转换成高清gif呢&#xff1f;很简单&#xff0c;使用GIF中文网的视频转gif&#xff08;…
阅读更多...
Protobuf类型定义

Protobuf类型定义

"都甩掉吧&#xff0c;我们的世界一定会更美好&#xff01;其他不重要&#xff01;" 前面呢&#xff0c;我们讲了如何在Linux环境下安装Protobuf所需的库&#xff0c;那么本篇的着眼点在于Protobuf的编写以及语法规则。 什么是proto3? ProtocolBuffers语⾔版本3&am…
阅读更多...
CClink IE转Modbus TCP网关连接三菱FX5U PLC

CClink IE转Modbus TCP网关连接三菱FX5U PLC

远创智控YC-CCLKIE-TCP 是自主研发的一款 CCLINK IE FIELD BASIC 从站功能的通讯网关。该产品主要功能是将各种 MODBUS-TCP 设备接入到 CCLINK IE FIELD BASIC 网络中。 远创智控YC-CCLKIE-TCP网关连接到 CCLINK IE FIELD BASIC 总线中做为从站使用&#xff0c;连接到 MODBUS-T…
阅读更多...
[MMDetection]COCO数据集可视化验证

[MMDetection]COCO数据集可视化验证

在使用MMDetection训练之前&#xff0c;需要对图像进行可视化验证&#xff0c;验证数据和标签是否对齐。 # 数据集可视化 import os import matplotlib.pyplot as plt from PIL import Imageoriginal_images [] images [] texts [] plt.figure(figsize(16,12))image_paths …
阅读更多...
MySQL阶段_DAY17-DAY19（附笔记）

MySQL阶段_DAY17-DAY19（附笔记）

【注意】&#xff1a;管家婆知识的目录结构&#xff0c;一个针对于CRUD的小案例,也就是后端的CRUD 1、控制层 接收view传递的数据, 向service传递数据(调用service层) 向view返回结果 package controller;import java.util.List;import domain.ZhangWu; import servi…
阅读更多...
路径规划算法：基于冠状病毒群体免疫优化的路径规划算法- 附代码

路径规划算法：基于冠状病毒群体免疫优化的路径规划算法- 附代码

路径规划算法&#xff1a;基于冠状病毒群体免疫优化的路径规划算法- 附代码 文章目录 路径规划算法&#xff1a;基于冠状病毒群体免疫优化的路径规划算法- 附代码1.算法原理1.1 环境设定1.2 约束条件1.3 适应度函数 2.算法结果3.MATLAB代码4.参考文献 摘要&#xff1a;本文主要…
阅读更多...
使用信号量Semaphore 实现多线程访问

使用信号量Semaphore 实现多线程访问

一 semaphore多线程访问 1.1 代码 public class Xinhaoliang {public static void main(String[] args) {Semaphore semaphorenew Semaphore(3);for(int k1;k<8;k){final int mk;new Thread(new Runnable() {Overridepublic void run() {try {semaphore.acquire();Syste…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023