html - 文本区域 css 中的行高无法识别

Question

我在我的文本区域 css 中添加了行高，但它仍然无法被识别。文本区域仍然是双倍行距。

form div {
position: relative;
}

input,
select,
textarea {
@include transition(all, 0.3s, ease-in-out);
background: $white-95;
border-radius: 3px;
border: 1px solid $white-85;
box-sizing: border-box;
color: $white-40;
font: 16px/42px $font-body;
font-size: 16px;
margin: 0 0 20px;
max-width: 100%;
padding: 0 15px;
width: 100%;
line-height: normal;

Answer 1

您可以尝试为行高分配一个像素值，以强制文本区域按您的需要显示。

line-height: 20px;