关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
已采纳
elment-ui中el-drawer组件点击后会出现白色边框
收起
- 写回答
- 好问题 0 提建议
- 关注问题
微信扫一扫点击复制链接分享
- 邀请回答
- 编辑 收藏 删除 结题
- 收藏 举报
3条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
hfhan_872914334 2020-06-04 09:37关注重新覆盖原来的样式,原来的样式是.el-drawer获取焦点时的outline
.el-drawer:focus { outline: none; }本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 3无用 3举报
微信扫一扫点击复制链接分享
评论按下Enter换行,Ctrl+Enter发表内容
报告相同问题?
提交
- 2021-04-21 14:44郭宝的博客 el-drawer 组件时,出现了默认选中标题的问题,如下截图 解决办法: 如果使用了scss预处理器,那么可以通过 ::v-deep 来修改样式,如下代码: ::v-deep :focus { outline: 0; } 或 /deep/ :focus { ...
- 2021-01-06 15:32steve_SJF的博客 element ui 的el-drawer 点击聚焦出现边框 添加以下即可重置: .el-drawer:focus ,.el-drawer__container:focus{ outline: none; }
- 2021-02-04 15:27BSCIO_599的博客 在vue中使用Drawer,页面一加载,header会出现黑色边框,点击Drawer内部,整个抽屉外部会出现黑线,不过header黑线消失,试了好多次,加以下样式避免踩雷: 去除header黑线: .el-drawer /deep/ :focus { outline:...
- 2021-03-26 11:54大王๑的博客 解决 给el-tooltip加css样式 .el-tooltip{ outline: none !important; }
- 2021-01-19 11:04奋斗的新丁的博客 这时抽匣的标题会出现一个难看的边框, 好丑,所以要去掉它 解决方法 <style scoped> /deep/ :focus { outline: 0; } </style> vue组件中,在style设置为scoped的时候,里面在写样式对子组件...
- 一个懒人a的博客 可配合自定义表格进行操作数据,点击表格某一行进行抽屉展示,可上下页切换查看及功能操作,1.快捷键esc关闭抽屉,// 快捷键控制上下翻页 shiftKey+上键 上一页 shiftKey加下键 下一页 shiftKey加左键 开启弹框展示...
- 2024-07-30 17:18AI研思录的博客 最近在项目中有大量用到element-ui的卡片布局,但是它本身自带的padding就非常影响后面进行样式调整,所以我是直接写行内样式去掉padding,设置body-style就可以了.
- 2024-05-24 10:19沃野_juededa的博客 切换tabs按钮的时候,出现蓝色阴影边框 发现会出现box-shadow。
- 2020-09-08 16:41骑鱼的少年的博客 如果没有使用抽屉组件自带的title,那页面中第一行的第一个tab或者button,也会有类似的问题出现 针对el-tabs出现蓝框的解决办法: /deep/.el-tabs__item:focus.is-active.is-focus { box-shadow: none; } 针对...
- 2020-06-22 17:35syx_cainiao的博客 在做项目的时候页面上需要设置的东西太多,所以将所有的设置按钮归于一个,点击后出现一个抽匣,在上面做设置就是了 Drawer 抽屉的设置 <el-drawer title="我是标题" :with-header="drawerProp.withHeader" ...
- 2020-10-10 12:34宇智波一打⑦的博客 在点击抽屉里面的复选框时,偶然发现只要在抽屉内部进行点击了,整个抽屉块就会出现一条黑线 四周的一条黑线就是点击后出来的,我们要将他去除 原因分析: 我估计多半是抽屉点击后,会有一种默认选中的效果,这个...
- 2020-09-03 15:49yusirxiaer的博客 这时抽匣的标题会出现一个难看的蓝色边框,一会就会消失,但是好丑,所以要去掉它 解决方法 /deep/ :focus { outline: 0; } vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想...
- 2021-04-20 15:130zhyfs0的博客 解决办法 <style scoped> /deep/ :focus{outline:0;} </style>
- 2024-07-01 11:22左手吻左脸。的博客 } 3、修改三角号的背景色和边框 .el-popper.is-light .el-popper__arrow::before { border: 1px solid #326AFF; background: #04308D; right: 0; } .el-popper.is-pure { border: 1px solid #326AFF; } 4、修改下一...
- 2022-12-22 17:17NPC_R的博客 element-ui样式在vue修改失效解决方案,样式穿透
- 2022-02-23 15:15资深小猪饲养员的博客 主要使用element-ui中的“Checkbox 多选框”组件 Checkbox 多选框 <div class="inner-drawer-content-container"> <el-checkbox-group v-model="chosenTypes"> <el-checkbox v-for="(item, index)...
- 2022-04-01 11:12君子使物,不为物使的博客 在el-drawer中的元素高度超出屏幕 给需要滚动的元素添加以下属性: overflow-x: hidden; // 隐藏x轴滚动条 overflow-y: auto; height: calc(100vh - 120px); // 用屏幕可视高度减去 头部与底部的高度,就是中间...
- 2020-06-05 00:31一颗甜橙树的博客 今天项目要求需要做一个drawer,在配置的时候, 发现每次打开都会有个蓝色的框框显示,然后过一会就会消失 实在是太丑了,本星人受不了 决定研究把他去除 在百度的时候,发现原来是element里面自带的 解决方法如下:...
- 2021-01-01 17:57QQmm~~的博客 Elment-ui有些组件选中后出现黑框,例如:el-drawer、el-calendar等。 解决方法就是在出现黑框的标签样式里覆盖以下样式: ::v-deep 样式名:focus { outline: none; }
- 没有解决我的问题, 去提问


