CSS输入中的目标文本

我正在建立一个联系方式。目前，我有一个文本框设置了顶部和底部填充。我的文本看起来像这样。

正如你所看到的，我的输入框的文本侧面没有任何填充物，看起来很难看。但是，如果我在输入框的reguards中修改css，它会在实际框中添加填充，而不是文本本身，从而将内容覆盖：

---

我确信我可以做一些事情，比如给方框留一个负边距，以抵消填充和调整宽度，但我更愿意找出如何在输入本身中定位文本。我知道这有点难以想象，所以我的预期结果如下：

这是我目前的CSS

/* top two boxes */
input
{
width: 49.9%;
font-size: 24px;
padding-top: 12px;
padding-bottom: 12px;
}

/* textarea CSS*/
textarea
{
font-family: 'Open Sans', sans-serif;
width: 100%;
height: 200px;
font-size: 24px;
}

---

是否缺少某种选择器？

框大小：边框框？边框框值（与内容框默认值相反）使最终渲染的框成为声明的宽度，并在框内剪切任何边框和填充。

---

为firefox使用-moz框大小。

我不希望没有填充；我希望在输入中填充文本，而不是输入元素本身，因为它会导致第二张图片中发生的事情。我已经知道了默认的填充。“我确信我可以做一些事情，比如给方框一个负的边距来偏移填充和调整宽度，但我更愿意找出如何在输入本身中定位文本。”这就成功了！如果您编辑您的答案并将其包括在内，我将向上投票并选择作为答案，谢谢。好的，但我认为这不是一个很好的选择，因为W3C更喜欢内容框。