Question

https://jsfiddle.net/Ljxwre2y/中文本区域的字体大小小于输入字段中的字体大小，如何使它们的大小相同？

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

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

textarea {
  font-family: inherit;
}

Answer 1

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

Microsoft.Xrm.Sdk.Query

Answer 2

这是我通常所做的，始终为我工作。

在您的身体标签中，指定字体家族 和其他...如 font-size 。

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*/
}

Answer 3

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

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

请参见jsfiddle

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

使用上面的代码使字体完全相同（因此不仅是字体大小）。参见jsfiddle

Answer 4

尝试一下：

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

input和textarea都不继承字体系列。因此，您需要将font-family属性设置为字体名称或inherit关键字。

Answer 5

您可以使用“ *”选择器来设置字体，大小和字体，然后它将应用于页面上的all元素，如下所示：

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

将此添加为CSS中的第一个条目。

如何使textarea中的字体大小与CSS中的输入字段相同？

5 个答案: