向上的箭头 html,jquery – 自定义HTML数字输入中向上/向下箭头的外观

是的,你可以(我只假设webkit)：

input[type=number] {

height: 30px;

line-height: 30px;

font-size: 16px;

padding: 0 8px;

}

input[type=number]::-webkit-inner-spin-button {

-webkit-appearance: none;

cursor:pointer;

display:block;

width:8px;

color: #333;

text-align:center;

position:relative;

}

input[type=number]:hover::-webkit-inner-spin-button {

background: #eee url('http://i.stack.imgur.com/YYySO.png') no-repeat 50% 50%;

width: 14px;

height: 14px;

padding: 4px;

position: relative;

right: 4px;

border-radius: 28px;

}