Question

这是一个jsfiddle

当我设置css时，我这样做了：

.inputForm input[type="text"], .inputForm input[type="email"], .inputForm textarea, .inputForm select {
    border: none;
    color: #525252;
    height: 30px;
    line-height: 15px;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 2px 0px 2px 5px;
    width: 400px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background: #DFDFDF;
    font-family: inherit;
    font-size: inherit;
}

因此您可以看到css show应用于输入文本和文本区域，但由于某些原因，文本区域旁边的标签变为向下，文本区域内的占位符不会垂直居中，因为它在输入文本中

请：

1-为什么会发生这种情况？

2-如何解决它

非常感谢

Answer 1

你必须使用它：

textarea{
    vertical-align: top;
}

fiddle

vertical-align CSS属性指定了一个垂直对齐方式内联或表格元素。

Answer 2

您必须在textarea和label中添加vertical-align：middle。

label, textarea{
 vertical-align: middle;
}

css适用于输入文本而非文本区域

2 个答案: