html - 如何设置占位符文本的填充

Question

我正在使用一个输入标签并在其中设置了一个占位符值。现在，我想为其中的占位符文本设置填充，但我不能。

这是我尝试过的:

HTML

<form><input class="tbsearchbar" type="search" name="search_tb" placeholder="Test"></form>

CSS

placeholder {
    padding-top: 10px;
}

Answer 1

只需像这样向输入添加填充:

.tbsearchbar {
    padding-top: 10px;
    color: red; //To add some color.
}

仅更改占位符颜色:

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #909;
}