像一些系统的登录页面的密码框，没有做特殊的处理，只会在输入的时候有小眼睛，但失去焦点之后就需要清除内容，再输入才能显示
<html><head><meta name="viewport" content="width=device-width" /><title>Index</title><script src="~/CommonJs/jquery.1.11.min.js"></script><link href="~/css/mon.css" rel="stylesheet" /><link href="~/css/dx.light.css" rel="stylesheet" /><link href="~/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" /><style type="text/css">input {border: 1px solid #ccc;padding: 7px 0px;border-radius: 3px;padding-left: 5px;/*margin: 0;padding: 7px 9px 8px;color: #333;font-size: 1.5em;border-radius: 4px;*/}input, i {vertical-align: middle;}/*删除密码框中的小眼睛*/input::-ms-reveal {display: none;}/**闭眼*/.icon-eye-close:before {content: '';display: inline-block;width: 18px;height: 18px;background: url("/Image/icon-eye-close.png") no-repeat center;background-size: cover;vertical-align: middle;cursor: pointer;}/**睁眼*/.icon-eye-open:before {content: '';display: inline-block;width: 18px;height: 18px;background: url("/Image/icon-eye-open.png") no-repeat center;background-size: cover;vertical-align: middle;cursor: pointer;}input,icon-eye{vertical-align:middle;}.icon-eye {position: absolute;top: 0;right: 110px;}</style></head><body style="margin:0 0 0 0">@Html.AntiForgeryToken()<div id="toolbar"></div><form class="form-horizontal" id="EditForm"><div class="row" style="padding:5px 5px 5px 5px"><div class="col-md-6"><div class="form-group"><label for="lastname" class="col-sm-2 control-label"><a style="color:red;font-size:20px">*</a>重置密码:</label><div class="col-sm-10"><div style="line-height: 31px;"><input type="password" id="PASSWORD" name="PASSWORD" style="width:500px;height:31px;" οnfοcus="this.type='password'" datatype="*" readonly onfocus="this.removeAttribute('readonly');" autoComplete="new-password" /><i class="icon-eye icon-eye-close" onclick="initPassword(this)"></i></div></div></div></div></div></form><script>//闭眼睁眼function initPassword(doc) {if ($(doc).hasClass('icon-eye-close')) {$(doc).removeClass('icon-eye-close').addClass('icon-eye-open');$(doc).parent().find("input").attr('type', 'text');} else {$(doc).removeClass('icon-eye-open').addClass('icon-eye-close');$(doc).parent().find("input").attr('type', 'password');}}</script></script></body></html>
