diff --git a/src/stepper/index.less b/src/stepper/index.less index 11bd53498..a7c7f8594 100644 --- a/src/stepper/index.less +++ b/src/stepper/index.less @@ -2,6 +2,7 @@ .van-stepper { font-size: 0; + user-select: none; &__minus, &__plus { @@ -9,7 +10,7 @@ box-sizing: border-box; width: 28px; height: 28px; - margin: 1px; + margin: 0; padding: 5px; color: @stepper-button-icon-color; vertical-align: middle; @@ -17,13 +18,13 @@ border: 0; &::before { - width: 9px; + width: 13px; height: 1px; } &::after { width: 1px; - height: 9px; + height: 13px; } &::before, @@ -65,11 +66,11 @@ } &__input { - box-sizing: content-box; + box-sizing: border-box; width: @stepper-input-width; height: @stepper-input-height; - margin: 1px; - padding: 1px; + margin: 0 2px; + padding: 0; color: @stepper-input-text-color; font-size: @stepper-input-font-size; text-align: center; diff --git a/src/style/var.less b/src/style/var.less index 208f0dc30..3b14afcb4 100644 --- a/src/style/var.less +++ b/src/style/var.less @@ -473,8 +473,8 @@ @stepper-button-icon-color: @text-color; @stepper-button-disabled-color: #f7f8fa; @stepper-button-disabled-icon-color: @gray; -@stepper-input-width: 30px; -@stepper-input-height: 26px; +@stepper-input-width: 32px; +@stepper-input-height: 28px; @stepper-input-font-size: 14px; @stepper-input-text-color: @text-color; @stepper-input-disabled-text-color: @gray;