input placeholder属性 样式修改(颜色,大小,位置)

Love The Way You Lie 2022-01-31 14:04 598阅读 0赞

input placeholder属性 样式修改(颜色,大小,位置)

placeholder属性 样式修改

placeholder-style=”font-size: 2upx; color: red;”

复制代码

  1. 1 <!DOCTYPE html>
  2.  2 <html>
  3.  3 <head>
  4.  4     <meta charset="utf-8">
  5.  5     <title></title>
  6.  6     <style>
  7.  7     
  8.  8     input::-webkit-input-placeholder {
  9.  9         /* placeholder颜色  */
  10. 10         color: #aab2bd;
  11. 11         /* placeholder字体大小  */
  12. 12         font-size: 12px;
  13. 13         /* placeholder位置  */
  14. 14         text-align: right;
  15. 15     }
  16. 16     input {
  17. 17         border: 1px solid red;
  18. 18     }
  19. 19     </style>
  20. 20 </head>
  21. 21 <body>
  22. 22     
  23. 23     <input type="text" placeholder="请输入手机号">
  24. 24     
  25. 25 </body>
  26. 26 </html>

复制代码

显示结果:

1003856-20161207164526851-1053142276.png

备注:

复制代码

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

复制代码

发表评论

表情：
评论列表 （有 0 条评论，598人围观）

还没有评论，来说两句吧...

相关阅读