51 lines
855 B
Plaintext
51 lines
855 B
Plaintext
/*全局样式*/
|
|
page {
|
|
padding: 20px 0;
|
|
}
|
|
|
|
/*主容器*/
|
|
.stepper {
|
|
width: 95px;
|
|
height: 26px;
|
|
/*给主容器设一个边框*/
|
|
border: 1px solid #ccc;
|
|
border-radius: 3px;
|
|
margin:0 auto;
|
|
}
|
|
|
|
/*加号和减号*/
|
|
.stepper text {
|
|
width: 19px;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
float: left;
|
|
}
|
|
.stepper button {
|
|
width: 19px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
float: left;
|
|
}
|
|
|
|
/*数值*/
|
|
.stepper input {
|
|
width: 40px;
|
|
height: 26px;
|
|
float: left;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
/*给中间的input设置左右边框即可*/
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
/*普通样式*/
|
|
.stepper .normal{
|
|
color: black;
|
|
}
|
|
|
|
/*禁用样式*/
|
|
.stepper .disabled{
|
|
color: #ccc;
|
|
} |