vue-treeselect的下拉列表中的字体样式修改

vue-treeselect的文件为:@riophae/vue-treeselect/dist/vue-treeselect.css

打开这个文件,找到css的类.vue-treeselect__menu,默认值为:

   .vue-treeselect__menu {

        cursor: default;

        padding-top: 5px;

        padding-bottom: 5px;

        display: block;

        position: absolute;

        overflow-x: hidden;

        overflow-y: auto;

        width: auto;

        border: 1px solid #cfcfcf;

        background: #fff;

        line-height: 180%;

        -webkit-overflow-scrolling: touch;

    }

    加入字体控制的属性(用红色字体表示),如下:

   .vue-treeselect__menu {

        cursor: default;

        padding-top: 5px;

        padding-bottom: 5px;

        display: block;

        position: absolute;

        overflow-x: hidden;

        overflow-y: auto;

        width: auto;

        border: 1px solid #cfcfcf;

        background: #fff;

        line-height: 180%;

        -webkit-overflow-scrolling: touch;

        font-family: Microsoft YaHei;

        font-size: 14px;

        font-weight: 500;

    }

      保存后,马上就生效,搞定。

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1、let、const、var区别、解构赋值、新增字符串语法、数组方法、网址组成

一、let、const、var的区别* 1、let和var的区别 相同点: 在全局声明的就是全局变量,在局部声明的变量是局部变量不同点(4条): let声明的变量不能提升let声明的变量名不能重复声明let声明的变量只在当前的块作用域中有…

如何使用宝塔面板搭建Discuz并结合cpolar实现远程访问本地论坛

文章目录 前言1.安装基础环境2.一键部署Discuz3.安装cpolar工具4.配置域名访问Discuz5.固定域名公网地址6.配置Discuz论坛 前言 Crossday Discuz! Board(以下简称 Discuz!)是一套通用的社区论坛软件系统,用户可以在不需要任何编程的基础上&a…

第3部分 原理篇3可验证凭证(VC)(2)

3.3.3. 可验证凭证生态 3.3.3.1. 生态中的角色和概念 本聪老师:问大家个问题,我们生活中常见的实物凭证包括哪些信息? 小天:以身份证为例,包括姓名、性别、出生年月、住址等个人信息,还有发证部门&#…

【嵌入式——QT】Model/View

【嵌入式——QT】Model/View 基本原理数据模型视图组件代理Model/View结构的一些概念QFileSystemModelQStringListModelQStandardItemModel自定义代理 基本原理 GUI应用程序的一个很重要的功能是由用户在界面上编辑和修改数据,典型的如数据库应用程序,数…

重学SpringBoot3-@EnableConfigurationProperties注解

重学SpringBoot3-EnableConfigurationProperties注解 1. 引言2. EnableConfigurationProperties 的作用3. 使用示例4. 总结 1. 引言 Spring Boot 提供了一种便捷的方式来管理和校验应用程序的配置,即通过类型安全的配置属性。EnableConfigurationProperties 注解在…

企业微信HOOK接口Dll调用(4.1.16.6002版本)

产品说明 一、 hook版本:企业微信hook接口是指将企业微信的功能封装成dll,并提供简易的接口给程序调用。通过hook技术,可以在不修改企业微信客户端源代码的情况下,实现对企业微信客户端的功能进行扩展和定制化。企业微信hook接口可…

pycharm 自定义TODO类注释以及其高亮颜色

大体介绍 使用自定义TODO是为了方便看,并且快速定位到位置 上面是为了进行标记,下面是让哪些标记可以过滤掉(自定义过滤规则),从而在pycharm下面的TODO可以显示并过滤 如何设置? Setting-Preferences-Ed…

练习 5 Web [GXYCTF2019]BabyUpload

[GXYCTF2019]BabyUpload 猜测直接上传txt会被过滤,提示“上传类型也太露骨了吧!”按经验传入一个"muma.phtml" 提示过滤了“ph”相关的后缀 传入muma.jpg等图像格式,提示表明复原并检测了文件内容 审查文件后缀Context-type 不能…

深度学习评价指标

目标检测: 对于每一个预测得到的框&#xff0c;看它的三个指标&#xff0c;分别是与哪个预测框的相交&#xff0c;分数是多少&#xff0c;相交IOU是多少。 计算每个分数的P和R。 TP(True Positive):IOU >0.5的检测框数量 FP(False Postive):IoU <0.5的检测框数量 FN(…

【北京迅为】《iTOP-3588开发板网络环境配置手册》第3章 开发板直连电脑配置方法(不能上外网)

RK3588是一款低功耗、高性能的处理器&#xff0c;适用于基于arm的PC和Edge计算设备、个人移动互联网设备等数字多媒体应用&#xff0c;RK3588支持8K视频编解码&#xff0c;内置GPU可以完全兼容OpenGLES 1.1、2.0和3.2。RK3588引入了新一代完全基于硬件的最大4800万像素ISP&…

2024 年 AI 辅助研发趋势:从研发数字化到 AI + 开发工具 2.0,不止于 Copilot

在上一年里&#xff0c;已经有不少的企业在工具链上落地了生成式 AI&#xff0c;结合我们对于这些企业的分析&#xff0c;以及最近在国内的一些 “新技术” 趋势&#xff0c;诸如于鸿蒙原生应用的初步兴起。从这些案例与趋势中&#xff0c;我们也看到了一些新的可能方向。 结合…

【 HTML 及浏览器 】DOM 树

“人生如同弓弦&#xff0c;经历拉扯才能发出激越的音响。在坎坷的拉扯中&#xff0c;用坚定的力量拉近梦想的弓弦&#xff0c;让每一次的发声都是生命的高潮。” - 约瑟夫康拉德 DOM树&#xff1a;构建动态网页的骨架 在互联网的世界里&#xff0c;网页就像是一个个生动的故事…

关于报考NISP二级的紧急通知

为规范NISP二级报考条件和CISP证书换证标准&#xff0c;根据中国信息安全测评中心最新通知&#xff0c;即日起NISP二级仅限全日制在校大学生报考&#xff0c;报名时必须同步提供学信网在籍证明图。 NISP二级被誉为“校园版CISP”&#xff0c;是网络行业的通行证&#xff0c;计算…

哪里下载Mac上最全面的系统清理工具,CleanMyMac X4.15中文版永久版资源啊

哪里下载Mac上最全面的系统清理工具&#xff0c;CleanMyMac X4.15中文版永久版资源啊&#xff0c;CleanMyMac X4.15中文版是一款全面的Mac系统优化工具。它能够扫描、检测并清理不需要的文件和应用程序&#xff0c;优化内存使用和磁盘空间&#xff0c;提高Mac的性能表现。此外&…

xinput1_3.dll丢失都有什么办法可以有效的解决、xinput1_3.dll导致游戏不能启动怎么办?

使用电脑的过程中是不是会遇到关于某个dll文件丢失的提示&#xff0c;今天想和大家聊的是xinput1_3.dll文件&#xff0c;如果电脑提示xinput1_3.dll丢失有什么办法可以有效的解决&#xff0c;解决办法都有哪些&#xff0c;如果xinput1_3.dll丢失会对电脑有什么影响。&#xff0…

【Web】浅聊Java反序列化之Spring1链——三层动态代理

目录 影响版本&#xff1a; 利用链 漏洞之sink&#xff1a;MethodInvokeTypeProvider#readObject 动态代理在反序列化中的应用 让provider.getType()返回一个动态代理对象——打破桎梏 桥梁——ObjectFactoryDelegatingInvocationHandler 小结 EXP ​前文&#xff1a;【…

【异常处理】使用雪花算法的id出现的精度问题

雪花算法产生的id传到前端出现了精度的问题 现象 表的ID主键使用Mybatis plus默认 的雪花算法来生成。 数据库id是bigint类型&#xff0c;后端用Long 后端的id是—> 1297873308628300000 传到前端后—> 1297873308628307970 解决方案1&#xff1a; 直接用注解最快…

力扣hot100:239.滑动窗口最大值(优先队列/单调队列)

本题是一个经典的单调队列题。不过用优先队列也能解决。 一、优先队列 在使用优先队列时&#xff0c;我们会遇到这样的问题&#xff1a;如何将一个目标数从优先队列中弹出&#xff1f;如果使用stl这是办不到的&#xff0c;虽然可以自行实现这样的功能。但是我们可以这样思考&am…

VSCode安装教程(版本:1.87.0)Windows10

安装完Python后&#xff0c;我们即可在自己的电脑上开始学习Python编程。在此之前&#xff0c;我们需要一个代码编辑器&#xff0c;此处我推荐的是Visual Studio Code&#xff08;简称VS Code&#xff09;。可能你会好奇&#xff0c;Python安装时不是自带了一个代码编辑器吗&am…

学习JAVA的第十五天(基础)

目录 数据结构 二叉树 二叉查找树 平衡二叉树 红黑树 Set系列集合 HashSet集合 LinkedHashSet集合 TreeSet集合 前言&#xff1a;学习JAVA的第十四天&#xff08;基础&#xff09;-CSDN博客 数据结构 二叉树 元素&#xff1a;结点&am…