IE7下,关于html中的<input>的type=password,如何控制密码的大小
<UL><LIclass=user_main_text>用户名:</LI><LIclass=user_main_input><INPUTclass=TxtUserName...
<UL>
<LI class=user_main_text>用户名: </LI>
<LI class=user_main_input><INPUT class=TxtUserNameCssClass id=TxtUserName
maxLength=20 name=user_id> </LI></UL>
<UL>
<LI class=user_main_text>密 码: </LI>
<LI class=user_main_input><INPUT class=TxtPasswordCssClass id=TxtPassword
type=password name=user_pw maxlength="20"> </LI></UL>
<UL>
就是这段代码,IE6下,密码框中输入密码时一切OK,可是IE7下,密码框中输入密码时,那个代表密码字符的黑点要比IE6下大很多,结果输入的密码就超出我的密码框范围了,怎么把显示效果变得和IE6下大小一样?或者说如何让输入的密码不超出密码框范围,在不改变WEB的密码框长度以及可输入长度的前提下,顺便把css中两个输入框的代码贴出来
.TxtUserNameCssClass {
BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 25px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/user_login_name.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 165px; LINE-HEIGHT: 20px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
}
.TxtPasswordCssClass {
BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 25px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/user_login_password.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 165px; LINE-HEIGHT: 20px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
} 展开
<LI class=user_main_text>用户名: </LI>
<LI class=user_main_input><INPUT class=TxtUserNameCssClass id=TxtUserName
maxLength=20 name=user_id> </LI></UL>
<UL>
<LI class=user_main_text>密 码: </LI>
<LI class=user_main_input><INPUT class=TxtPasswordCssClass id=TxtPassword
type=password name=user_pw maxlength="20"> </LI></UL>
<UL>
就是这段代码,IE6下,密码框中输入密码时一切OK,可是IE7下,密码框中输入密码时,那个代表密码字符的黑点要比IE6下大很多,结果输入的密码就超出我的密码框范围了,怎么把显示效果变得和IE6下大小一样?或者说如何让输入的密码不超出密码框范围,在不改变WEB的密码框长度以及可输入长度的前提下,顺便把css中两个输入框的代码贴出来
.TxtUserNameCssClass {
BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 25px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/user_login_name.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 165px; LINE-HEIGHT: 20px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
}
.TxtPasswordCssClass {
BORDER-TOP-WIDTH: 0px; PADDING-LEFT: 25px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(../images/user_login_password.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 165px; LINE-HEIGHT: 20px; HEIGHT: 21px; BORDER-RIGHT-WIDTH: 0px
} 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询