Html
    Css
    Js

    
                        
#pwd {
	padding-right:55px;
	height:33px;
	width:720px;
	padding:0 10px;
	box-sizing:border-box;
}
#keyboard_Box,#keyboard_Box li {
	list-style:none;
	margin:0;
	padding:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
#keyboard_Box {
	width:720px;
	height:auto;
	border-radius:0.05em;
	display:none;
	box-sizing:border-box;
	background:#bed8d1;
	padding:12px;
	box-sizing:border-box;
}
#keyboard_Box li {
	position:relative;
	font-family:arial,"Vrinda";
	width:45px;
	height:45px;
	line-height:45px;
	background-color:rgba(255,255,255,.8);
	border-radius:0.2em;
	font-weight:600;
	display:inline-block;
	text-align:center;
	font-size:26px;
	vertical-align:text-top;
	margin-right:0.4em;
	margin-bottom:10px;
	color:#266ada;
	box-shadow:0 0.2em 0.4em rgba(0,0,0,.5);
	cursor:pointer;
	position:relative;
	overflow:visible;
	text-shadow:-1px 1px 4px rgb(111,102,102);
}
#keyboard_Box li:active {
	box-shadow:inset 1px 1px 0 rgba(0,0,0,.5);
	top:0.08em;
	color:#da4026;
	background-color:rgba(8,148,243,0.63);
}
#keyboard_Box  .com {
	width:130px;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

jQuery虚拟键盘

setcapslock(o) //大小写转换

0