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

Question

我从这里知道如何风格化占位符css tricks

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

谢谢。

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

有什么帮助吗？

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;
}

可以看到这里的action，我设置了2 <textarea>是为了展示这个 - http://jsfiddle.net/andyjh07/tan7k4rf/