需要在文本区域的占位符上添加一些 padding-top

Question

我知道如何从这里设置占位符样式css 技巧

但我需要知道如何应用到特定的文本区域。我的文本区域有“消息”类。

谢谢。

实际上我使用了填充。但是对使用 css3 选择器的占位符样式很感兴趣。

有什么帮助吗？

Answer 1

你所需要的只是.message { padding-top: 10px; }达到你想要的结果。

它将适用于任何<textarea>具有message

编辑

如果您不想对元素应用填充，请尝试使用此方法。它实际上只是针对placeholder.

.message::-webkit-input-placeholder {
   padding-top: 10px;
}

.message::-moz-input-placeholder {
   padding-top: 10px;
}

.message:-moz-input-placeholder {
   padding-top: 10px;
}

.message:-ms-input-placeholder {
   padding-top: 10px;
}

可以在这里看到实际操作，我设置了 2<textarea>来显示这一点 - http://jsfiddle.net/andyjh07/tan7k4rf/