首页 > 其他分享 >element-plus框架样式设置不生效

element-plus框架样式设置不生效

时间:2024-10-16 21:31:58浏览次数:9  
标签:菜单 样式 element plus 设置 生效

问题:在element-plus的菜单组件中,二级菜单折叠,然后鼠标悬浮的时候,出现的内容是有内边距,我想去掉,如图:

但是在控制台找到了相应的类,需要把padding设置为0。我通过如下代码设置不生效,

原因:可能是生成的二级菜单样式里面没有带特定的hash属性 而vue代码里面样式里带了 scoped生成的样式有改样式选择器 

一种方案是另外建一个style标签。还有一种是:global伪类来实现。

 最终能作用到全局。

 

标签:菜单,样式,element,plus,设置,生效
From: https://www.cnblogs.com/yansunda/p/18470957

相关文章

  • 代码实战-前端-Vue ElementUI 调用摄像头并上传到后端的代码案例
    先上效果图调用摄像头的图片拍照的图片上传文件的效果图查看上传的图片(上传完的图片合并成一个PDF)引入插件--引入组件importCameraImagefrom'@/components/CameraImage/CameraComponets.vue';--放在vue的components中components:{CameraIm......
  • 智谱CogView3-Plus模型开源 文生图技术迎来新纪元
    智谱技术团队近期发布了一则振奋人心的消息,他们最新研发的文生图模型CogView3及其升级版CogView3-Plus-3B已正式开源,同时在"智谱清言"App中成功上线。这两款模型的问世,标志着AI辅助艺术创作迈入了一个新的阶段。CogView3作为一款基于级联扩散的文本转图像模型,其生成过程堪......
  • vue+element+Cascader 级联选择器任意一级选项,去掉单选框radio
         <template><divclass="block"><h1class="demonstration">选中的值:{{value}}</h1><el-cascader:options="options"v-model="value"popper-class="cas......
  • Vue 3中集成Element Plus组件库
    文章目录一、ElementPlus简介二、安装ElementPlus2.1安装ElementPlus2.2引入ElementPlus三、使用ElementPlus组件3.1创建组件3.2组件引入四、总结随着前端开发的快速发展,组件库已经成为开发实践中不可或缺的部分。Vue3作为一个现代的J......
  • Mybatis-plus 3.5.4 的AOP问题 java.lang.ClassCastException: class org.springfram
    报错,然后我把mapper上的@repository删掉就好了,为什么ChatGPT说:ChatGPT删除@Repository注解后问题解决,可能是与SpringAOP代理机制和MyBatisPlus结合时的一些细节有关。以下是原因分析:@Repository和SpringAOP代理的影响@Repository注解的主要作用是将类标记为持......
  • 使用Spectre.Console定制.NET控制台输出样式演示
     创建一个控制台项目,引用包Spectre.Console。或者如果需要定制控制台cli命令,也可以引用Spectre.Console.Cli,里面自带包含了Spectre.Console  先做个最简单的输出演示,例如下划线、背景色、加粗等,如下图演示所示。 MarkupLine对应WriteLine的效果,去掉Line,就代表没了换......
  • uniapp判断 APP-PLUS / H5 / MP-WEIXIN
    js---APP:      /*#ifdefAPP-PLUS*/            console.log('APP-PLUS');      /*#endif*/ H5:      /*#ifdefH5*/      console.log('H5');      /*#endif*/ MP-WEIXIN:    ......
  • tauri2.0-admin桌面端后台系统|tauri2+vite5+element-plus管理后台EXE程序
    原创Tauri2.0+Vue3+ElementPlus客户端通用后台管理系统Tauri2Admin。tauri2-vue3-admin基于最新跨平台框架Tauri2.0整合Vite5+Vue3全家桶搭建的一款轻量级桌面端后台管理系统模板。封装tauri2多窗口切换管理,提供4种通用布局模板,支持vue-i18n国际化、面包屑导航、多标签快捷路......
  • OPPO K12 Plus手机震撼登场,重新定义中端旗舰新标杆!
    在这个金秋十月,首先揭开序幕的手机发布会,紧随4月24日OPPOK12系列的亮相,OPPO今日再度发力,正式推出了备受期待的OPPOK12Plus系列新机。一直以来,OPPOK系列以其均衡的配置和出色的性价比赢得了市场的认可。在今年的“618”购物节期间,仅上市一个多月,OPPOK12系列就凭借其持久耐用......
  • python中绘图的图表和曲线样式总结(GPT直出)
    在绘制图表时,常见的图标样式(marker)和曲线样式(linestyle)可以帮助我们通过图形区分不同的数据系列。以下是一些常用的图标和曲线样式,以及如何在代码中使用它们的方式:1.常见的图标样式(marker)在matplotlib中,图标样式通过marker参数指定,常见的图标样式如下:图标样式代码(ma......