如何修改placeholder样式

 时间:2024-11-08 14:20:07

1、新建html文件,在html文件中输入input标签然后给标签添加placeholder值。如图:代码:<input type="text" placeholder="请输入用户名" />

如何修改placeholder样式

3、修改提示文字颜色。创建style标签,在这个标签里设置提示框文字的颜色。如图:代码:<style type="text/css"> input::-webkit-input-placeholder{ /*WebKit browsers*/ color: red; } input::-moz-input-placeholder{ /*Mozilla Firefox*/ color: red; } input::-ms-input-placeholder{ /*Internet Explorer*/ color: red; } </style>

如何修改placeholder样式

5、所有代码。可以直接把所有代码复制到新建的html文件上,保存后运行即可看到效果。所有代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> input::-webkit-input-placeholder{ /*WebKit browsers*/ color: red; } input::-moz-input-placeholder{ /*Mozilla Firefox*/ color: red; } input::-ms-input-placeholder{ /*Internet Explorer*/ color: red; } </style> </head> <body> <input type="text" placeholder="请输入用户名" /> </body></html>

  • html中怎么隐藏input标签
  • mysql ERROR 1045 (28000)怎么解决
  • idea怎么安装插件
  • jdk没有jre怎么办
  • HTML网页怎样获取input的值
  • 热门搜索
    离婚诉状怎么写 近视眼怎么办 延边大学怎么样 脸上长色斑怎么回事 简讯怎么写 阿玛尼粉底液怎么用 金毛幼犬怎么喂养 水压低怎么办 健身教练证怎么考 子网掩码怎么设置