pygame开发彩色输入文本框：文本被内部背景遮挡如何解决

代码运行后出现文本被输入框内部白色背景遮挡的异常，和主循环里screen.fill的调用位置完全无关——核心bug出在InputBox类的draw方法的绘制顺序完全颠倒。
Pygame的渲染逻辑是：后执行的绘制内容会覆盖在已绘制内容的上层。当前的draw方法执行顺序是：

1. 先把文本画到屏幕上
2. 再画输入框的彩色边框
3. 最后画输入框的白色内部填充块
   相当于刚把字写在底层，就拿一张白纸盖在了字上面，无论怎么调整主循环里刷背景的时机，这层白纸永远会挡在字的前面。

1. 调整draw方法的绘制顺序 #

按照从底层到上层的逻辑重新排布绘制动作，保证文本永远是最后绘制的内容：

def draw(self, screen):
    # 最底层：先画输入框的白色内部背景
    pygame.draw.rect(screen, (255, 255, 255), self.inner_rect)
    # 中间层：再画输入框的彩色外边框
    pygame.draw.rect(screen, self.color, self.rect, 2)
    # 最上层：最后绘制输入文本，确保不会被下层内容遮挡
    screen.blit(self.txt_surface, (self.rect.x+5, self.rect.y+5))

2. 修复输入框宽度自适应的同步问题 #

原代码的update方法仅修改了外框的宽度，没有同步更新内部白色填充块的尺寸，当文本过长触发输入框拉宽时，内部填充不会跟着延伸，会露出后面的深色窗口背景，需要补充同步逻辑：

def update(self):
    # Resize the box if the text is too long.
    width = max(200, self.txt_surface.get_width()+10)
    self.rect.w = width
    # 同步更新内部填充矩形的宽度，保证范围匹配
    self.inner_rect.w = self.rect.w - 4

3. 优化文本显示的可读性 #

原代码把文本颜色设置成了和边框一致的浅蓝/深蓝，在白色输入框背景上对比度极低，即使绘制顺序修复后也会很难看清，需要把文本颜色固定为高对比度的深色（比如纯黑），把文本渲染部分的代码从：

# 原代码：文本颜色跟随边框色，白底上看不清
self.txt_surface = font.render(text, True, self.color)

修改为：

# 新代码：文本固定为黑色，白底上清晰可见
self.txt_surface = font.render(text, True, (0, 0, 0))

注：文本渲染逻辑在__init__和handle_event方法里各存在一处，两处都需要同步修改。

screen.fill((30, 30, 30))的作用是在每帧开头把整个窗口刷成深灰色背景，它的绘制层级比输入框的所有内容都更低，无论把这行代码放在主循环的开头还是末尾，都不会干预输入框内部的绘制顺序——遮挡问题从始至终都是发生在输入框自身的draw方法内部，和全局背景的绘制时机没有关系。

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