修改placeholder提示内容的颜色以及文本框输入文字内容的颜色

最新推荐文章于 2023-06-30 16:58:04 发布

weixin_30617561

最新推荐文章于 2023-06-30 16:58:04 发布

阅读量511

点赞数

文章标签：游戏

原文链接：http://www.cnblogs.com/xfx0725/p/5678380.html

版权

一般表单文本框提示信息：placeholder=" "，默认颜色是灰色的，输入文本信息也是默认为黑色的，如图所示：

修改placeholder提示内容的颜色关键代码及实现：

实现输入的时候字体颜色变成其他颜色(如红色)的关键代码及实现：

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
         #name:focus{
            color:red;
         }
         #password:focus{
            color:#FFA015;
         }
         input::-webkit-input-placeholder{
            color:pink; 
         }
         input:-moz-placeholder{
            color:pink;
         }
       </style>
    </head>
    <body>
       <form>
           <label for="male">姓名：</label>
           <input type="text" id="name" placeholder="

请输入您的姓名"/>
           <label for="male">密码：</label>
           <input type="password" id="password" 

placeholder="请输入您的密码"/>
           
       </form>
    </body>
</html>