diff --git a/src/components/picker/picker.vue b/src/components/picker/picker.vue
index b2f3dc582..464342a48 100644
--- a/src/components/picker/picker.vue
+++ b/src/components/picker/picker.vue
@@ -235,7 +235,11 @@
             observeDOM: false,
             useTransition: USE_TRANSITION
           })
+          this.$nextTick(() => {
+            this._updateItemClass(wheel)
+          })
           wheel.on('scrollEnd', () => {
+            this._updateItemClass(wheel)
             this.$emit(EVENT_CHANGE, i, this._getSelectIndex(wheel))
           })
         } else {
@@ -279,6 +283,20 @@
           }
         }
         return selectedIndex
+      },
+      _updateItemClass(wheel) {
+        const items = Array.from(wheel.items)
+        const selectedIndex = this._getSelectIndex(wheel)
+        items.forEach((item, index) => {
+          item.classList.remove('cube-picker-wheel-item_active', 'cube-picker-wheel-item_top', 'cube-picker-wheel-item_bottom')
+          if (index === selectedIndex) {
+            item.classList.add('cube-picker-wheel-item_active')
+          } else if (index === selectedIndex - 1) {
+            item.classList.add('cube-picker-wheel-item_top')
+          } else if (index === selectedIndex + 1) {
+            item.classList.add('cube-picker-wheel-item_bottom')
+          }
+        })
       }
     },
     beforeDestroy() {