Jupyter Notebook自定义主题输入单元格右侧字符截断问题求助

针对你遇到的Monokai、onedork等深色主题输入单元格右侧字符被截断的问题，核心是调整代码编辑器容器的内边距和溢出设置，而非仅修改div.input_area的参数。

具体修复步骤 #

1. 打开你的自定义样式文件：/Users/nick/.jupyter/custom/custom.css
2. 添加或修改以下CSS规则：

/* 修复输入单元格右侧字符截断 */
div.input_area .CodeMirror {
    padding-right: 0.5em !important;
    margin-right: 0 !important;
}

div.input_area {
    overflow: visible !important;
    padding-right: 0.8em !important;
}

3. 重启Jupyter Notebook并刷新页面，即可看到效果。

问题原因 #

深色主题的默认样式中，.CodeMirror（代码编辑区域的核心容器）的内边距/外边距设置不合理，再加上div.input_area默认可能存在的overflow: hidden属性，导致最后一个字符被容器边缘遮挡。你之前仅修改div.input_area的padding-right无法解决问题，是因为没有调整.CodeMirror的内部容器参数。

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