如何修改JupyterLab 3.6.1 Git模块CSS修复按钮点击滚动条问题

本地CSS覆盖操作步骤 #

• 找到自定义CSS设置入口
  打开JupyterLab后，点击左侧菜单栏的Settings -> Settings Editor，搜索Theme选项，找到Custom CSS的编辑区域；或者直接在本地用户目录下打开路径.jupyter/lab/user-settings/@jupyterlab/apputils-extension/themes.jupyterlab-settings（没有的话自行创建对应目录和文件）。

• 添加样式覆盖代码
  在自定义CSS区域插入以下代码：

  .f1q30mbz:active {
      transform: none !important;
  }
  

  用!important强制提升样式优先级，确保能覆盖默认的缩放规则。

• 让设置生效
  若通过Settings Editor修改，保存后刷新页面即可；若手动修改本地文件，重启JupyterLab服务再刷新页面。

额外说明 #

该问题仅出现在Chrome 114.0.5735.199中，Firefox无此现象，本质是Chrome对transform: scale(1.2)的渲染逻辑导致容器溢出触发滚动条，禁用缩放即可彻底解决点击精准度问题。后续JupyterLab官方修复后，可删除这段自定义CSS。

内容的提问来源于stack exchange，提问作者mosc9575