问题原因是按钮和文本区域具有不同的字体大小和样式。为了使按钮和文本区域的高度相等,可以使用CSS box-sizing属性。
在CSS中,添加以下样式来设置按钮和文本区域的高度:
button, textarea { font-size: 16px; padding: 0.5em; box-sizing: border-box; }
此样式将设置所有按钮和文本区域的字体大小为16像素,并使用box-sizing:border-box使按钮和文本区域的高度相等。如果需要不同的字体大小,则可以更改font-size值。
使用这种方法,无论按钮和文本区域的字体大小和样式如何,它们的高度将始终相等。