html+ios输入数字,想要向上/向下箭头输入iOS的HTML数字

尝试：

.number-wrapper {

margin: 10px 5px;

position: relative;

}

.number {

font-size: 30px;

color: #eee;

display: inline-block;

*display: inline;

*zoom: 1;

background: #000;

-moz-background-clip: padding;

-webkit-background-clip: padding-box;

background-clip: padding-box;

padding: 0 12px;

height: 80px;

line-height: 80px;

text-align: center;

border: 1px solid #555;

-moz-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);

-webkit-box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);

box-shadow: inset 0 4px 0 rgba(255, 255, 255, 0.2);

-moz-text-shadow: 0 3px 3px #000000;

-webkit-text-shadow: 0 3px 3px #000000;

text-shadow: 0 3px 3px #000000;

}

.inc {

position: absolute;

display: block;

top: -35px;

left: 0;

font-weight: bold;

font-size: 18px;

color: #777;

width: 100%;

height: 90%;

text-align: center;

padding-top: 6px;

}

.dec {

position: absolute;

display: block;

bottom: -18px;

left: 0;

padding-top: 14px;

font-weight: bold;

font-size: 18px;

color: #777;

width: 100%;

height: 90%;

text-align: center;

}

.line {

position: absolute;

width: 100%;

height: 1px;

top: 52%;

left: 0;

background: #000;

-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);

-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);

box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);

}

+00-

function twodigits(num) {

return ('0' + num).slice(-2);

}

$('.inc').click(function() {

var target = $(this).siblings('.number').first();

var value = parseInt(target.text());

value++;

target.text(twodigits(value));

});

$('.dec').click(function() {

var target = $(this).siblings('.number').first();

var value = parseInt(target.text());

value--;

target.text(twodigits(value));

});

快乐的日子！