element-plus中的下拉菜单el-dropdown获取到焦点或点击出现黑边情况

最新推荐文章于 2024-08-02 22:49:06 发布
最新推荐文章于 2024-08-02 22:49:06 发布
阅读量1.0k 收藏 3
点赞数 2
文章标签： css elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_47101042/article/details/131781626
版权

使用elementplus下拉菜单遇到的一个小问题，每次鼠标点击的时候旁边会有一个小黑框，看起来很奇怪， 尝试修改

问题如图

 解决办法：(使用less和sass的需要注意一下层级问题，层级不对的话，css是无效果的)

/* 解决el-dropdown获取到焦点或点击出现黑边情况 */
.el-dropdown-link:focus {
  outline: none;
}

 解决后

 

我是温钦啊
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue3 - Element Plus 去除下拉菜单周围出现黑色边框轮廓，当用鼠标移入和点击聚焦时就会出现 “黑边“ 的情况，无论里面是什么 HTML 元素和组件都会由此问题（完美解决方案）
王佳斌
09-11 6510
vue3 element plus组件库，element plus 下拉菜单点击或移入hover会出现黑边框，dropdown下拉菜单移入或点击出现围绕的黑边如何解决，vue3 element el-dropdown周围出现黑边框，element el-dropdown-menu组件鼠标移入时出现黑边框怎么解决，vue3 element plus Dropdown下拉菜单有黑边，element-plus中的dropdown下拉菜单点击或聚焦时会出现黑色外边框，使用element-plus中的下拉菜单，当鼠标
Vue3 - Element Plus 下拉菜单 el-dropdown 阻止冒泡传递到上层触发事件，解决 dropdown 下拉菜单组件被容器元素包裹时点击事件触发，会连带触发外层包裹容器的点击事件
王佳斌
02-27 2023
vue3，element plus，el-dropdown，stop，command，使用.stop无效，下拉菜单组件，下拉菜单Dropdown，点击事件冒泡，@command如何绑定stop修饰符，阻止事件冒泡，使用el-dropdown下拉菜单阻止事件冒泡，阻止了点击事件冒泡，触发了父元素怎么办，click点击时带动了外层元素的点击事件咋办，如何解决vue3使用下拉菜单组件时，点击触发方式会连同上层div同时触发click点击，element plus组件自带的事件如何阻止其冒泡，阻止内层冒泡，将dro
element plus 下拉菜单el-dropdown 白色边框问题
fendouweiqian的博客
01-21 1245
当您点击页面上的元素时，浏览器可能会自动给这个元素添加一个焦点轮廓（outline），这在某些情况下可能会显得不美观。您可以通过 CSS 来去除或自定义这个焦点样式。点击 el-dropdown 时出现一个不期望的白色边框，这通常是因为浏。
el-dropdown使用图片作为点击事件，有黑框
weixin_46229676的博客
05-22 124
【代码】el-dropdown使用图片作为点击事件，有黑框。
element-plus 中Dropdown 下拉菜单-样式穿透
RuiFang123456的博客
08-24 1233
②从上面看，四个角还有残留的白色点就是外部的背景颜色，来继续~~背景的处理。2.外部背景颜色修改，为了明显的能看到确实有外部的背景，先来修改边框颜色。1.为了能看清区别先改外层背景颜色修改。##接下来处理顶部白色的三角。2.最后再修改顶部三角边的问题。##背景有分外层和内层。
element-ui 下拉菜单el-dropdown-item添加点击事件
Zing_ing的博客
06-25 633
native修饰符用于处理DOM原生事件，由于组件 DropDown并没有封装点击事件，因此需要添加原生的点击事件，因此使用@click.native。@click 常见于其用在Vue中的事件绑定，而@实际上是 v-on 的简写，而 v-on 则是对 vue 的事件体系封装之后的 API接口。使用element-ui下拉菜单组件Dropdown时绑定点击事件，事件不生效。
element-plus 中 Dropdown 下拉菜单 黑色边框
qq_51589308的博客
03-07 680
element-plus 中 Dropdown 下拉菜单 黑色边框
element-plus el-dropdown下拉不显示
qq_45780616的博客
07-24 183
解决：el-dropdown-menu元素外添加<template #dropdown>
使用element-plus中的下拉菜单，当鼠标放上去后出现一个黑框
weixin_52096382的博客
03-15 5874
使用element-plus下拉菜单遇到的一个小问题，因为使用起来，一直有一个黑框挡着，看起来非诚不适，就试着修改一下。解决办法：(使用less和sass的需要注意一下层级问题，层级不对的话，css是无效果的)
关于 element-plus 下拉菜单 el-dropdown 的黑框问题
yipisaosaode的博客
12-05 242
我这里是类为 user-info 的元素。
CSS学习 01 利用鼠标悬停制造文本隐藏效果
weixin_57266891的博客
08-02 525
以下HTML代码包含三个帖子，每个帖子都有一个剧透部分。：文本颜色恢复为初始值（通常是默认颜色）。：表示文档的根元素。定义了一个CSS变量。：背景色恢复为初始值（无背景色）。：设置行高为1.5倍的字高。：所有样式变化在0.5秒内以。（黑色），导致文本不可见。：文本颜色使用同一个变量。这些剧透部分被包含在。：背景色使用定义的变量。：当鼠标悬停在类名为。
前端的学习-CSS（弹性布局-flex）
m0_68823256的博客
08-02 1492
CSS的定位-给父元素设置的属性
web基础之CSS
Yunzhong_jiuxiao的博客
08-02 1066
css属性
HTML,CSS,JavaScript实现——井字棋游戏
Rverdoser的博客
08-02 467
这段代码提供了一个3x3的井字棋盘，并使用CSS grid布局来创建这个棋盘。接下来，需要添加JavaScript代码来处理玩家的移动，以及判断输赢。这些逻辑会涉及事件监听、条件判断以及DOM操作。这里只提供实现井字棋游戏的核心HTML和CSS代码。具体的JavaScript逻辑（如处理玩家移动、判断胜负等）需要根据实际情况编写。// 这里添加JavaScript代码来实现游戏逻辑。
css-常用函数详解
魏晋-
08-02 422
8. translate() 方法函数在水平和/或垂直方向上重新定位元素。单个值边上在水平方向上的唯一，两个值表示第一个值在水平方向上的位移、第二个值表示在竖直方向上的位移。9. translate3d()，translateX()，translateY()，translateZ() 同表示在不同方向上的位移。因此，较大的值会产生更多模糊。在 CSS 中，有一些内置的函数可以帮助我们实现更复杂和灵活的样式效果。函数用于引入外部资源，常见的是图片。函数用于创建具有透明度的颜色值。来使用该变量定义的颜色。
css 数字平铺布局
℡メ㏑╭ァ小凯
08-02 335
【代码】css 数字平铺布局。
Vue 实战自定义组件，可以删除和增加
呵呵哒!的博客
08-02 351
【代码】Vue 实战自定义组件，可以删除和增加。
PPO算法，即Proximal Policy Optimization（近端策略优化）.pdf
最新发布
08-05
PPO算法，即Proximal Policy Optimization（近端策略优化），是一种在强化学习领域中广泛应用的策略梯度方法。由OpenAI在2017年提出，PPO旨在解决传统策略梯度方法中策略更新过大导致的训练不稳定问题。它通过引入限制策略更新范围的机制，在保证收敛性的同时提高了算法的稳定性和效率。 一、PPO算法简介 PPO算法的核心思想是通过优化一个特定的目标函数来更新策略，但在这个过程中严格限制策略变化的幅度。具体来说，PPO引入了裁剪（Clipping）和信赖域（Trust Region）的概念，以确保策略在更新过程中不会偏离太远，从而保持训练的稳定性。 二、PPO算法的主要变体 PPO算法主要有两种变体：裁剪版（Clipped PPO）和信赖域版（Adaptive KL Penalty PPO）。其中，裁剪版PPO更为常见，它通过裁剪概率比率来限制策略更新的幅度，而信赖域版PPO则使用KL散度作为约束条件，并通过自适应调整惩罚系数来保持策略的稳定更新。PPO算法，即Proximal Policy Optimization（近端策略优化），是一种在强化学习领域中广
el-dropdown黑色边框
10-17
您可以通过以下 CSS 代码来设置 el-dropdown 的黑色边框： ```css .el-dropdown { border: 1px solid #000; } ``` 请注意，这会将所有的 el-dropdown 都设置为黑色边框。如果您只想针对某个特定的 el-dropdown 设置黑色边框，可以为该元素添加一个自定义的 class，然后使用该 class 来设置样式。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值