Contact Form 7文本缩进异常求助：消息框无法正常调整

问题原因 #

你的CSS代码中给textarea设置了全局左内边距：

.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea{
  padding-left:50px;
}

这个设置会让textarea内的所有文本（包括首行和换行后的行）都保持50px的左缩进，而你尝试的text-indent仅能调整首行位置，无法改变后续换行的内边距，导致换行后仍有异常缩进。

解决方案 #

方案1：文本全顶格显示 #

如果不需要首行缩进，直接单独取消textarea的左内边距：

.wpcf7 .wpcf7-textarea{
  padding-left: 0;
}

方案2：首行避图标，换行顶格 #

如果需要首行避开左侧的铅笔图标，保留首行缩进但让换行顶格，修改为：

.wpcf7 .wpcf7-textarea{
  padding-left: 0;
  text-indent: 50px; /* 数值可根据图标实际宽度调整 */
}

确保样式生效 #

如果修改后样式不生效，可增加选择器权重或添加!important提升优先级：

.wpcf7-form .wpcf7-textarea{
  padding-left: 0 !important;
  text-indent: 50px !important;
}

效果验证 #

修改后，输入消息时首行会按设置缩进（或顶格），换行后的内容将不再有额外缩进，恢复正常排版。

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