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

发布时间：2020-12-14 19:45:46 所属栏目：资源来源：网络整理

导读：我正在使用输入标记并在其中设置了占位符值.现在,我想在其中设置占位符文本的填充,但我不能. 这是我尝试过的： HTML CSS placeholder { padding-top: 10px;} 最佳答案只需在输入中添加填充,如下所示： .tbsearchbar { padding-top: 10px; color: red; //To

我正在使用输入标记并在其中设置了占位符值.现在,我想在其中设置占位符文本的填充,但我不能.

这是我尝试过的：

HTML


CSS

placeholder {
    padding-top: 10px;
}


最佳答案
只需在输入中添加填充,如下所示：

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


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!