拒绝VSCode菜单列表的圆角！

最新推荐文章于 2024-05-01 14:58:03 发布
最新推荐文章于 2024-05-01 14:58:03 发布
阅读量713 收藏 1
点赞数 2
文章标签： vscode ide 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seaofbits/article/details/125713868
版权

1. 起因

背景：今天更新了VSCode之后，我发现所有的菜单列表都变成了圆角，和原始的UI设计显得非常格格不入。尤其是我还在用Win10，可能Win11用户还能接受一些， 反正我觉得不能忍受。

如图，UI里又圆又方一点都不和谐

排查：通过开发人员工具，看到菜单列表的元素的css类是.monaco-scrollable-element，然后通过github的"仓库内代码查找"，在vscode源码里发现了关键文件menu.ts，然后发现了关键的行第290行。

然后通过

最低0.47元/天 解锁文章
seaofbits
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
如何关闭 VS Code自动缩进前面的点点
QQ_1933621554 的博客
12-21 3272
如何关闭 vscode自动缩进前面的点点 原来是这个样子的： 看着很不美观，因为我下了翻译，所以无意间找到了这个设置 首先Ctrl+Shift+P打开这个输入框，输入settings，点第一行就出来了 参考我的，看看有没有这行： 翻译插件的悬停提示 这个字是我打上去的，把这个all改成null，或者不填都可以,我试过了,改成其他的符号好像不行,有些默认选项 "editor.render...
visual studio code 修改工具栏风格
weixin_34087301的博客
08-18 682
用windows版vscode的同学们是否发现它的工具栏是白色的跟整个界面看起来不太搭调，如下图： 其实要改变标题栏颜色也很简单，点击：文件>首选项>设置 将 "window.titleBarStyle": "custom"配置到用户设置里边即可，如下图： 改过之后的样式如下： 是不是要好看很多？ 哈哈，这种适合有强迫症的人~ 转载于:htt...
前端 CSS
最新发布
2301_81253185的博客
05-01 2486
前言本文章将讲述前端CSS的属性和用法,内容非常齐全,希望大家可以从中学到知识,也非常希望大家可以和我一起探讨!层罍样式表(Cascading stvle sheets，缩写为 CSS)，是一种 样式表 语言，用来描述 HTML 文档的呈现(美化内容)。下方添加，style 标签里面书写 CSS 代码。
圆角效果 border-radius——阴影 box-shadow——为边框应用图片 border-image
weixin_30300523的博客
11-28 113
1、圆角效果 border-radius border-radius: 5px 4px 3px 2px;/* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把宽度（width）设为高度(height)的一半，并且只设置左上角和右上角的半径...
VSCode插件推荐
simple_Xsg的博客
04-10 2万+
1. VSCode汉化包插件 ：Chinese (Simplified) (简体中文) Language VSCode汉化包，原始默认是英文的所以我们需要下一个中文插件。 2.VSCode自动补全标签：Auto Close Tag Auto Close Tag对Html或Xml文件自动创建结束标签； 如在Html中输入div: 敲回车显示： 3. VSCode 自动同步修改前后标签名插件：Auto Rename Tag 修改前面标签后面跟着修改： 4. ...
vscode 显示gui
jiangwei741的博客
02-07 1144
https://blog.csdn.net/Dteam_f/article/details/109806294
jQuery圆角修边导航菜单代码
07-24
本资源“jQuery圆角修边导航菜单代码”提供了一种实现这种功能的高效解决方案，尤其注重视觉效果和用户体验。jQuery作为一种强大的JavaScript库，为开发者提供了丰富的API和便捷的DOM操作方式，使得创建动态、交互式...
JS+CSS实现的经典圆角下拉菜单效果代码
10-23
主要介绍了JS+CSS实现的经典圆角下拉菜单效果代码,可实现非常经典的圆角下拉菜单效果,涉及JavaScript动态操作页面元素css样式的相关技巧,需要的朋友可以参考下
纯CSS圆角二级下拉列表菜单
04-15
本文将详细讲解如何使用纯CSS技术创建一个具有圆角边框的二级下拉列表菜单，适用于网站主页的菜单设计。 首先，我们要明白CSS（层叠样式表）是用于描述HTML或XML（包括SVG、MathML等各种XML方言）文档样式的语言。...
Android自定义ViewGroup实现带箭头的圆角矩形菜单
09-02
本文将详细讲解如何实现一个带有箭头的圆角矩形菜单，这个菜单具备可配置的属性，如箭头尺寸、圆角半径、背景颜色以及阴影效果。 首先，我们需要在项目的res/values目录下创建一个名为attrs.xml的资源文件，用于...
VSCODE（三）用户界面
Fishfishfishfishcat
12-10 8612
一、设置 1.1 用户设置和工作区设置 用户设置（User Setting）: 所有VSCODE实例都有效的设置；工作区设置（Workspace Setting）:当前工作区有效的设置。工作区设置可以上传到服务器上方便所有成员共享。 1.2 打开设置 VSCODE有途径进行VSCODE设置，分别是JSON和UI方式。那么如何打开JSON或UI进行设置呢？ 菜单栏选取。FIle-Preference-Settings(Linux)；Code-Preference-Settings(Mac)； 命令面板搜索。
vs code写python图形化界面_VSCode + PYQT5 搭建图形化界面
weixin_32267129的博客
01-15 1479
importsysfrom PyQt5 importQtCore, QtGui, QtWidgetsfrom PyQt5.QtWidgets importQApplication, QMainWindowclassUi_MainWindow(object):defsetupUi(self, MainWindow):MainWindow.setObjectName("MainWindow")Main...
基于stm32F4的智能宠物喂食器的设计：LVGL界面、定时喂食喂水通风
mbs706的博客
11-02 2536
3、编写IO控制程序，舵机控制程序，系统时间、定时喂食喂水程序、事件记录程序。4、调试UI界面比较满意后导入UI代码到keil5下载到单片机运行。2、UI设计环境使用SquareLine Studio。3、生成代码导入到vsCode进行仿真运行，编译比较快。1、STM32F407ZGT6最小系统设计。2、通过触摸屏设置时间定时喂食喂水通风。1、设计一个触摸屏作为人机交互。3、获取当前水槽的水位并显示。4、获取环境温湿度并显示。2、继电器控制电路设计。2、导入生成的UI代码。1、UI使用LVGL。
signature=be946b58740ad45f8e027f5689479652,When VSCode quits, unsaved changes are completely discard...
weixin_36132740的博客
05-30 428
Bug: Notebook Editor, Interactive Window, Editor cellsSteps to cause the bug to occurOpen a .ipynbMake a changeDon't save and quit (e.g. cmd-Q) VSCode.Reopen VSCode.Actual behaviorThe changes are disc...
VScode中常见/易忘CSS代码(原理)
weixin_72322475的博客
07-09 5799
整理总结了一些实际使用VScode的时候，比较常见和容易忘记的CSS代码，持续更新。。。主要是博主自存
去除VsCode代码前面的小点点
扁蛋蛋蛋的博客
01-14 3892
去除VsCode代码前面的小点点 步骤： File ->Preferences -> Setting 搜索RenderWhitespace 将Text Editor下的Editor: Render Whitespace改为none或selection 附图片
vscode 设置
yincheng_fans的博客
09-06 1万+
语言设置中文显示 1）打开vscode工具； 2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击下面蓝色Configure Display Language后； python 编辑环境的是设置 在设置中输入 settings.json，并进入settings.json { “editor.fontSize”: 20, “e...
VS Code配置及插件推荐
热门推荐
peakchen90的博客
11-28 4万+
VS Code配置及插件推荐 个人感觉vs code非常强大，插件也非常多，用来作为前端开发是很适合的。之前在折腾sublime text3，但是ST3的配置比较麻烦，而且插件安装多了之后，代码提示找不到点上，而vs code是根据文件格式类型来提示的，非常好用。 下载地址官网：https://code.visualstudio.com/特性 自带node debug，git 自带Termina
vscode插件-------css tree快速生成样式树
weixin_45781661的博客
09-16 1978
vscode插件-------css tree快速生成样式树 首先在vscode的插件市场下载css Tree 然后在基本 布局写好后，选中写的布局，快捷键ctrl+shift+p,选中如下图 即可快速生成样式树
修改select下拉菜单的圆角
05-13
可以使用 CSS 的 border-radius 属性来修改 select 下拉菜单的圆角。代码如下： ```css select { border-radius: 10px; /* 设置圆角大小 */ } ``` 你可以根据需要调整 border-radius 的值来达到不同的效果。同时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值