Html 如何使文本区域中的字体大小与CSS中的输入字段相同？

文本区域中的字体大小小于输入字段中的字体大小，如何使两者大小相同

body {
  font-family: 'Montserrat';
  font-size: 30px;
}

input,textarea {
  margin: 0;
  padding: 0;
  width: 100%;
}

textarea {
  font-family: inherit;
}

---

您必须在CSS中显式设置它们，以防止浏览器使用浏览器默认值。像这样：

input, textarea {font-size: 14px;}

看

---

使用上述代码使字体完全相同（因此不仅大小相同）。请参见

在输入和文本区域中添加字体大小

input,textarea{
font-size: 30px;
}

试试这个：

input, textarea {
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: "Monsterrat";
    font-size: 30px;
}

---

input

和

textarea

都不继承字体系列。因此，您需要将

font-family

属性设置为字体名称或

inherit

关键字。

您可以使用“*”选择器设置字体、大小和系列，然后它将应用于页面上的所有

元素，如下所示：

* 
{
    font-size: 14px;
    font-Family: Arial;
}

将此作为css中的第一个条目添加。
这是我通常做的，对我来说总是很有用

在body标记中，指定字体系列
和其他人。。。如字体大小

html,
body {
    height: 100%;
    font-family: 'Source Sans Pro', monospace;
}

然后，继承

textarea,
input,
select {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
    font-family: inherit;
    color: #19272D; /*your input color*/
}

在jsfiddle中尝试过，它不起作用。即使如此，我还是希望他们能够获得为整个文档设置的值，而不必复制这些元素的字体大小值，这些元素已经在
body
上定义过了。它可以工作（参见jsfiddle）。如果您有其他问题（或问新问题），请更改您的问题。我在linux上使用chrome，输入文本仍然大于我的文本区域文本。字体大小相同。。。字体系列不是。如果您显式地将字体系列设置为相同（而不是继承它们），则字体将是相同的。似乎输入和文本区域使用不同的字体系列。这意味着字体大小本身没有帮助。
textarea,
input,
select {
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
    font-family: inherit;
    color: #19272D; /*your input color*/
}