文本区域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;

Answer 2

令人沮丧的是CSS可以设置行高，但是你不能设置CSS中的行数，只是内联。

由于默认值为2行，因此height = line-height * 2(rows)。

答案：将旧式rows属性设置为1： <textarea rows="1"></textarea>。