JS数字键盘

JS数字键盘，JS小键盘

CSS代码：

#numberkeyboard
{
    border: 1px solid #b3b3b3;
    background: #f2f3f7;
    height: 285px;
    margin: 0;
    padding: 2px;
    position: relative;
    visibility: visible !important;
    width: 285px;
}

    #numberkeyboard .numbtn
    {
        -moz-border-radius: 4px; /* Gecko browsers */
        -webkit-border-radius: 4px; /* Webkit browsers */
        border-radius: 4px; /* W3C syntax 圆角 */
        float: left;
        height: 68px;
        width: 68px;
        border: solid 1px #b3b3b3;
        margin-top: 1px;
        margin-left: 1px;
        font-family: Verdana, 微软雅黑, 雅黑;
        font-size: 22px;
        line-height: 69px;
        text-align: center;
        cursor: default;
        background-image: url(numbtn.png);
        background-position: -1px -1px;
    }

        #numberkeyboard .numbtn:hover
        {
            background-position: -1px -72px;
        }

.numbtndown
{
    background-position: -1px -143px !important;
}

View Code