/* 设置文字及输入框样式 */ input[type="text"], input[type="password"] { border: none; outline: none; padding: 10px; font-size: 16px; color: #333333; } /* 设置输入框背景颜色 */ input[type="text"]:focus, input[type="password"]:focus { background-color: #F6F6F6; } /* 设置输入框边框样式 */ input[type="text"] { border-bottom: 1px solid #CCCCCC; } /* 设置输入框提示文字样式 */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #999999; } ::-moz-placeholder { /* Firefox 19+ */ color: #999999; } :-ms-input-placeholder { /* IE 10+ */ color: #999999; } :-moz-placeholder { /* Firefox 18- */ color: #999999; }
以上代码是设置表单中用户名的样式,包括输入框文字样式,背景颜色,边框样式以及提示文字样式等。