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

前端之家收集整理的这篇文章主要介绍了html – 如何设置占位符文本的填充前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

这是我尝试过的:

HTML

CSS

  1. placeholder {
  2. padding-top: 10px;
  3. }
最佳答案
只需在输入中添加填充,如下所示:

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

仅更改占位符颜色:

  1. ::-webkit-input-placeholder { /* WebKit browsers */
  2. color: #909;
  3. }
  4. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  5. color: #909;
  6. opacity: 1;
  7. }
  8. ::-moz-placeholder { /* Mozilla Firefox 19+ */
  9. color: #909;
  10. opacity: 1;
  11. }
  12. :-ms-input-placeholder { /* Internet Explorer 10+ */
  13. color: #909;
  14. }

猜你在找的HTML相关文章