去除element plus菜单中链接下划线

choorn

已于 2023-09-18 21:18:34 修改

阅读量588

点赞数

分类专栏： css 文章标签： css 前端 html

于 2023-05-10 09:50:26 首次发布

本文链接：https://blog.youkuaiyun.com/choorn/article/details/130594241

版权

css 专栏收录该内容

2 篇文章

订阅专栏

这段CSS代码定义了链接在未被点击时的默认样式，移除下划线，然后指定了(router-link-active)类的样式，同样移除了下划线，通常用于前端路由的激活状态，确保点击后保持无下划线的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/*设置点击前的样式 */
a {
  text-decoration: none;
}

/*设置点击后的样式 */
.router-link-active {
  text-decoration: none;
}

在css文件中加入上面代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

choorn

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue3 - Element Plus 标签页 Tabs 去掉底部灰色线条下划线，隐藏 el-tabs / el-tab-pane 选项卡下面一条很长的线条（完美去除 tab 标签页组件下方的灰线条）

王二红

08-11

8643

elementplus如何去掉el-tabs标签页下方很长的一条线，vue3elementplus去掉el-tabs标签页底部黑色线，element-plus标签页下划线去除，去除elementplus中tab组件中的下划线，清除vue3elementplus标签页下划线，elementplus去掉tabs选项卡底部黑色线，vue3el-tabs去掉底部的下划线，el-tab-pane下面有灰色线条怎么清除掉，vue3elementplus如何去除tabs选项卡的灰色下划线，vue3标

Vue3 - Element Plus 去除下拉菜单周围出现黑色边框轮廓，当用鼠标移入和点击聚焦时就会出现 “黑边“ 的情况，无论里面是什么 HTML 元素和组件都会由此问题（完美解决方案）

王二红

09-11

7857

vue3elementplus组件库，elementplus下拉菜单点击或移入hover会出现黑边框，dropdown下拉菜单移入或点击出现围绕的黑边如何解决，vue3elementel-dropdown周围出现黑边框，elementel-dropdown-menu组件鼠标移入时出现黑边框怎么解决，vue3elementplusDropdown下拉菜单有黑边，element-plus中的dropdown下拉菜单点击或聚焦时会出现黑色外边框，使用element-plus中的下拉菜单，当鼠标

参与评论您还未登录，请先登录后发表或查看评论

element plus中的el-link如何去掉下划线

weixin_42901443的博客

03-04

2120

element plus中的el-link如何去掉下划线

element-ui的el-menu横向菜单栏中去掉下划线

rong0914的博客

08-13

9540

找了很久原因覆盖掉样式均不行，原因是漏了重要的一句text-decoration: none; .el-menu--horizontal > .el-menu-item { border-bottom: none; text-decoration: none; }

element 菜单替换选中下划线样式和隐藏下划线

热门推荐

wwwer52022222的博客

08-14

1万+

<el-menu :default-active="activeIndex" class="el-menu-demo" text-color='#222222' close="" active-text-color='#1f84e0' mode="horizontal" @select="handleSelect"> <el-menu-item c...

elementUi NavMenu 导航菜单去除下划白线

疑问搜索动手解决记录

08-27

9219

.el-menu.el-menu--horizontal{ border: none; }

vue3 应用element plus 实现菜单无限级

qq_35191010的博客

04-06

3623

vue3中实现无限极菜单

element-plus默认菜单打开

iku_n的博客

08-18

1614

在 Vue 3 中使用 Element Plus 的组件时，默认情况下菜单项是关闭状态的。如果你想让某个菜单项默认处于展开状态，你可以通过设置菜单项的属性来实现。

从 0 开始在项目中引入 Element Plus

Becomin' Charles

02-23

2212

本文介绍了，如何从 0 开始在 Vue 3 项目中引入 Element Plus，并实现了一个小 Demo。

修改element-plus样式灰色下划线

2301_80636534的博客

06-07

442

在VUE３上修改样式需要按照节点顺序到想要修改的ｃｌａｓｓ下面。

el-menu菜单下划线解决办法

梁老师教你编程序

04-07

3845

现象说明：代码实现： <router-link to="/index"> // 关键节点，使用router-link，一旦使用了这个链接，那么就会出现上边的下划线了。 <el-menu-item index="0"> <template slot...

Element UI的Tabs 标签页位置导航栏去除线条

好看的皮囊千篇一律，有趣的灵魂万里挑一。

11-23

1248

去除Element Ui的Tabs 标签页的导航栏底色线条

element -ui如何去掉原来的蓝色下划线

JingNan_的博客

09-08

2386

/* 原理找到蓝色下划线然后进行设置 */ .el-menu–horizontal>.el-menu-item.is-active{ border: transparent !important; } 带尺寸的图片: 居中的图片: 居中并且带尺寸的图片: 当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。如何插入一段漂亮的代码片去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的代码片. // An highlighted block var foo = 'bar';

elementUI 去除导航菜单menu横向滚动条和竖向滚动条

qq_43555550的博客

09-05

3668

elementui

一行代码去掉 element-plus 的 el-table 下划线

gujuyin的博客

03-07

1083

一行代码去掉 element-plus 的 el-table 下划线

router-link标签去除下横线

weixin_59061079的博客

01-18

855

router-link标签去除下横线

ElementPlus的el-tabs组件自定义标签头、去掉长分割线、去掉下划线、修改下划线的样式、修改标签头的字体颜色（选中状态和未选中状态）、修改鼠标悬浮时标签头的样式

聂可以的博客

04-12

6325

elementplus去掉el-tabs底部白线

cyf_2008的博客

05-09

940

:deep(.el-tabs__header .is-active) { border-bottom-color: var(--el-border-color-light); border-bottom: none;}

elementplus

A5120184120的博客

09-17

2782

elementplus的输入框、对话框、表格、分页、日期选择器

element plus 横向菜单去除省略