Html 输入字段中文本下方的额外空间;内容高度不等于;字体大小“;或;“行高”;

Html 输入字段中文本下方的额外空间;内容高度不等于;字体大小“;或;“行高”;,html,css,Html,Css,我希望输入字段的总高度等于: 上下边框 上下衬垫 线高 问题的解决方案不起作用:输入字段顶部和底部填充之间的空间不等于行高 在下面的示例中,font size和line height是14px,但内容高度是16px。也许这取决于浏览器,所以我为最新的Chrome创建了屏幕截图 #输入{ 字体大小:14px; 线高:14px; 填充:10px 12px; 边框:1px纯色灰色; 左边距:12px; 边缘顶部:14px; } #输入{ 字体大小:14px; 线高:14px; 边框:1px纯

我希望输入字段的总高度等于:

  • 上下边框
  • 上下衬垫
  • 线高
问题的解决方案不起作用:输入字段顶部和底部填充之间的空间不等于
行高

在下面的示例中,
font size
line height
14px
,但内容高度是
16px
。也许这取决于浏览器,所以我为最新的Chrome创建了屏幕截图

#输入{
字体大小:14px;
线高:14px;
填充:10px 12px;
边框:1px纯色灰色;
左边距:12px;
边缘顶部:14px;
}
#输入{
字体大小:14px;
线高:14px;
边框:1px纯色灰色;
左边距:12px;
边缘顶部:14px;
}

请详细说明您在此处的期望值,您只能使用高度attribute@SalunkeAkash,好的,我来编辑。很抱歉问得不清楚。@SalunkeAkash,明白了,但为什么我不能根据线条高度、填充物和边框来确定高度的大小?您可以参考此链接,它将帮助您了解这是如何工作的谢谢您的回答。“您不应该为输入字段设置填充”的解释正确吗?