世纪佳缘 用户名 显示隐藏内容

<style>
        input {
            color: #999;
            outline: none;
        }
    </style>
</head>

<body>
    <input type="text" value="邮箱/ID/手机号">
    <script>
        var ipt = document.querySelector('input');
        ipt.onfocus = function () {
            if (ipt.value === '邮箱/ID/手机号') {
                ipt.value = '';
            }
            ipt.style.borderColor = 'pink';
        }
        ipt.onblur = function () {
            if (ipt.value === '') {
                ipt.value = '邮箱/ID/手机号';
            }
        }
    </script>
</body>

有个问题：网页显示出来的表单左边框和上边框除了粉色还叠加了黑色，右边和底部是正常的，也不知道哪里出了问题......

版权声明：本文为m0_59030524原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。