diff --git a/src/area/test/__snapshots__/demo.spec.js.snap b/src/area/test/__snapshots__/demo.spec.js.snap
index 76e653093..5d33e6fab 100644
--- a/src/area/test/__snapshots__/demo.spec.js.snap
+++ b/src/area/test/__snapshots__/demo.spec.js.snap
@@ -4,74 +4,71 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-picker van-area">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-      </div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">朝阳区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">丰台区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">石景山区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海淀区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">门头沟区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">房山区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">通州区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">顺义区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">昌平区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">大兴区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">怀柔区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">平谷区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">密云区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">延庆区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">朝阳区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">丰台区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">石景山区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">海淀区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">门头沟区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">房山区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">通州区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">顺义区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">昌平区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">大兴区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">怀柔区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">平谷区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">密云区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">延庆区</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -82,79 +79,76 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-picker van-area">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-      </div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, -352px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波市</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">绍兴市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">金华市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">衢州市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">舟山市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">台州市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">丽水市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">绍兴市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">金华市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">衢州市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">舟山市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">台州市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">丽水市</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">鹿城区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">龙湾区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">瓯海区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">洞头区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">永嘉县</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">平阳县</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">苍南县</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">文成县</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">泰顺县</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">瑞安市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">乐清市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">鹿城区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">龙湾区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">瓯海区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">洞头区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">永嘉县</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">平阳县</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">苍南县</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">文成县</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">泰顺县</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">瑞安市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">乐清市</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -165,55 +159,53 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-picker van-area">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div class="van-ellipsis van-picker__title">标题</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button>
+        <div class="van-ellipsis van-picker__title">标题</div><button class="van-picker__confirm">确认</button>
       </div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">河北省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">山西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">内蒙古自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">辽宁省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">吉林省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">黑龙江省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">上海市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">江苏省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">浙江省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">安徽省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">江西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">山东省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">河南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖北省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">广东省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">广西壮族自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">海南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">重庆市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">四川省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">贵州省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">云南省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西藏自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">陕西省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">甘肃省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">青海省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁夏回族自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">新疆维吾尔自治区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">台湾省</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">香港特别行政区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">澳门特别行政区</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">海外</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/src/area/test/__snapshots__/index.spec.js.snap b/src/area/test/__snapshots__/index.spec.js.snap
index 4811b36d7..1edcbe9d3 100644
--- a/src/area/test/__snapshots__/index.spec.js.snap
+++ b/src/area/test/__snapshots__/index.spec.js.snap
@@ -2,28 +2,25 @@
 
 exports[`change option 1`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -35,28 +32,25 @@ exports[`change option 1`] = `
 
 exports[`change option 2`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">和平区</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">河东区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">和平区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">河东区</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -68,28 +62,25 @@ exports[`change option 2`] = `
 
 exports[`change option 3`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">和平区</li>
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">河东区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">和平区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">河东区</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -101,22 +92,19 @@ exports[`change option 3`] = `
 
 exports[`columns-num prop 1`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -128,27 +116,24 @@ exports[`columns-num prop 1`] = `
 
 exports[`reset method 1`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">蓟县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">蓟县</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -160,28 +145,25 @@ exports[`reset method 1`] = `
 
 exports[`reset method 2`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -193,28 +175,25 @@ exports[`reset method 2`] = `
 
 exports[`watch areaList & code 1`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -226,28 +205,25 @@ exports[`watch areaList & code 1`] = `
 
 exports[`watch areaList & code 2`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -259,28 +235,25 @@ exports[`watch areaList & code 2`] = `
 
 exports[`watch areaList & code 3`] = `
 <div class="van-picker van-area">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">天津市</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">北京市</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">县</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">东城区</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">西城区</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap
index 3a382eee2..1c224ee23 100644
--- a/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/date-picker.spec.js.snap
@@ -2,57 +2,54 @@
 
 exports[`filter prop 1`] = `
 <div class="van-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2010</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2020</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2010</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2020</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -64,57 +61,54 @@ exports[`filter prop 1`] = `
 
 exports[`formatter prop 1`] = `
 <div class="van-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2010 year</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2020 year</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2010 year</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2020 year</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05 month</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10 month</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05 month</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10 month</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05 day</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10 day</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15 day</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20 day</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25 day</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30 day</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">05 day</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10 day</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15 day</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20 day</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25 day</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30 day</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20 hour</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">35 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">45 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">55 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">35 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">40 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">45 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">50 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">55 minute</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap
index 9ac1f5b82..7a0e7e0d6 100644
--- a/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/datetime-picker.spec.js.snap
@@ -2,22 +2,19 @@
 
 exports[`time type 1`] = `
 <div class="van-picker van-datetime-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">22</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">22</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">58</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">58</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap b/src/datetime-picker/test/__snapshots__/demo.spec.js.snap
index a2b8de2e6..c622030fa 100644
--- a/src/datetime-picker/test/__snapshots__/demo.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/demo.spec.js.snap
@@ -4,159 +4,156 @@ exports[`renders demo correctly 1`] = `
 <div>
   <div>
     <div class="van-picker van-datetime-picker">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-      </div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -167,77 +164,74 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-picker van-datetime-picker">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-      </div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2020</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2021</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2022</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2023</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2024</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2025</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2026</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2027</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2028</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2029</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2019</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2020</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2021</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2022</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2023</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2024</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2025</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2026</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2027</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2028</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2029</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -248,42 +242,39 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-picker van-datetime-picker">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-      </div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2019年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2020年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2021年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2022年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2023年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2024年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2025年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2026年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2027年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2028年</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">2029年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">2018年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2019年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2020年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2021年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2022年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2023年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2024年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2025年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2026年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2027年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2028年</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">2029年</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11月</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">01月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11月</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12月</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -294,89 +285,86 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-picker van-datetime-picker">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-      </div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">12</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">24</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">26</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">27</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">28</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">29</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">31</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">32</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">33</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">34</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">36</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">37</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">38</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">39</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">41</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">42</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">43</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">44</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">46</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">47</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">48</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">49</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">51</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">52</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">53</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">54</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">56</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">57</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">58</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -387,54 +375,51 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-picker van-datetime-picker">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-      </div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, -440px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">00</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">12</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">00</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">03</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">04</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">06</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">07</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">08</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">09</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">11</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">12</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">13</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">14</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">16</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">17</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">18</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">19</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">21</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">22</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
           </ul>
         </div>
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">25</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">35</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">45</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">55</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap b/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap
index d0514baec..2a5e847cb 100644
--- a/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap
+++ b/src/datetime-picker/test/__snapshots__/time-picker.spec.js.snap
@@ -2,29 +2,26 @@
 
 exports[`filter prop 1`] = `
 <div class="van-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">40</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">50</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -36,22 +33,19 @@ exports[`filter prop 1`] = `
 
 exports[`format initial value 1`] = `
 <div class="van-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">22</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">22</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">23</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">58</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">58</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">59</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -63,29 +57,26 @@ exports[`format initial value 1`] = `
 
 exports[`formatter prop 1`] = `
 <div class="van-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">05 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">15 hour</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">05 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">15 hour</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20 hour</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">10 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">20 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">30 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">40 minute</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">50 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">10 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">20 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">30 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">40 minute</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">50 minute</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -97,24 +88,21 @@ exports[`formatter prop 1`] = `
 
 exports[`max-hour & max-minute 1`] = `
 <div class="van-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
       </ul>
     </div>
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
-        <li class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">00</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">01</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">02</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 3d99ec7a5..85daf5da5 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -237,12 +237,18 @@ export default createComponent({
 
       return this.options.map((option, index) => {
         const text = this.getOptionText(option);
+        const disabled = isOptionDisabled(option);
+
         const data = {
           style: optionStyle,
+          attrs: {
+            role: 'button',
+            tabindex: disabled ? -1 : 0
+          },
           class: [
             'van-ellipsis',
             bem('item', {
-              disabled: isOptionDisabled(option),
+              disabled,
               selected: index === this.currentIndex
             })
           ],
diff --git a/src/picker/index.js b/src/picker/index.js
index dd8465886..e6eea91e8 100644
--- a/src/picker/index.js
+++ b/src/picker/index.js
@@ -165,16 +165,16 @@ export default createComponent({
     const Toolbar = this.showToolbar && (
       <div class={[BORDER_TOP_BOTTOM, bem('toolbar')]}>
         {this.slots() || [
-          <div role="button" tabindex="0" class={bem('cancel')} onClick={this.onCancel}>
+          <button class={bem('cancel')} onClick={this.onCancel}>
             {this.cancelButtonText || t('cancel')}
-          </div>,
+          </button>,
           this.slots('title') ||
             (this.title && (
               <div class={['van-ellipsis', bem('title')]}>{this.title}</div>
             )),
-          <div role="button" tabindex="0" class={bem('confirm')} onClick={this.onConfirm}>
+          <button class={bem('confirm')} onClick={this.onConfirm}>
             {this.confirmButtonText || t('confirm')}
-          </div>
+          </button>
         ]}
       </div>
     );
diff --git a/src/picker/index.less b/src/picker/index.less
index aa9e11531..229e54250 100644
--- a/src/picker/index.less
+++ b/src/picker/index.less
@@ -18,6 +18,8 @@
     padding: @picker-action-padding;
     color: @picker-action-text-color;
     font-size: @picker-action-font-size;
+    background-color: transparent;
+    border: none;
 
     &:active {
       background-color: @picker-action-active-color;
diff --git a/src/picker/test/__snapshots__/demo.spec.js.snap b/src/picker/test/__snapshots__/demo.spec.js.snap
index 936d5e5fc..b6cfef2f8 100644
--- a/src/picker/test/__snapshots__/demo.spec.js.snap
+++ b/src/picker/test/__snapshots__/demo.spec.js.snap
@@ -8,11 +8,11 @@ exports[`renders demo correctly 1`] = `
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">杭州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">杭州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -27,11 +27,11 @@ exports[`renders demo correctly 1`] = `
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -42,20 +42,18 @@ exports[`renders demo correctly 1`] = `
   </div>
   <div>
     <div class="van-picker">
-      <div class="van-hairline--top-bottom van-picker__toolbar">
-        <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-        <div class="van-ellipsis van-picker__title">标题</div>
-        <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
+      <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button>
+        <div class="van-ellipsis van-picker__title">标题</div><button class="van-picker__confirm">确认</button>
       </div>
       <!---->
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">杭州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">杭州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -79,9 +77,9 @@ exports[`renders demo correctly 1`] = `
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 44px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 44px;">杭州</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">宁波</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
+            <li role="button" tabindex="-1" class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 44px;">杭州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">宁波</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">温州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -96,17 +94,17 @@ exports[`renders demo correctly 1`] = `
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column column1">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
           </ul>
         </div>
         <div class="van-picker-column column2">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -121,17 +119,17 @@ exports[`renders demo correctly 1`] = `
       <div class="van-picker__columns" style="height: 220px;">
         <div class="van-picker-column column1">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">浙江</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">福建</li>
           </ul>
         </div>
         <div class="van-picker-column column2">
           <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
-            <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
-            <li class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">杭州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">宁波</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">温州</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">嘉兴</li>
+            <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 44px;">湖州</li>
           </ul>
         </div>
         <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
diff --git a/src/picker/test/__snapshots__/index.spec.js.snap b/src/picker/test/__snapshots__/index.spec.js.snap
index c29c12ba9..938fd8322 100644
--- a/src/picker/test/__snapshots__/index.spec.js.snap
+++ b/src/picker/test/__snapshots__/index.spec.js.snap
@@ -3,13 +3,13 @@
 exports[`column watch default index 1`] = `
 <div class="van-picker-column">
   <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 100px, 0); transition-duration: 0ms; transition-property: none; line-height: 50px;">
-    <li class="van-ellipsis van-picker-column__item van-picker-column__item--disabled van-picker-column__item--selected" style="height: 50px;">1</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1990</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1991</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1992</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1993</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1994</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1995</li>
+    <li role="button" tabindex="-1" class="van-ellipsis van-picker-column__item van-picker-column__item--disabled van-picker-column__item--selected" style="height: 50px;">1</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1990</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1991</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1992</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1993</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1994</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1995</li>
   </ul>
 </div>
 `;
@@ -17,13 +17,13 @@ exports[`column watch default index 1`] = `
 exports[`column watch default index 2`] = `
 <div class="van-picker-column">
   <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 0px, 0); transition-duration: 0ms; transition-property: none; line-height: 50px;">
-    <li class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 50px;">1</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1990</li>
-    <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 50px;">1991</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1992</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1993</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1994</li>
-    <li class="van-ellipsis van-picker-column__item" style="height: 50px;">1995</li>
+    <li role="button" tabindex="-1" class="van-ellipsis van-picker-column__item van-picker-column__item--disabled" style="height: 50px;">1</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1990</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 50px;">1991</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1992</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1993</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1994</li>
+    <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item" style="height: 50px;">1995</li>
   </ul>
 </div>
 `;
@@ -34,7 +34,7 @@ exports[`not allow html 1`] = `
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker-column">
       <ul class="van-picker-column__wrapper" style="transform: translate3d(0, 88px, 0); transition-duration: 0ms; transition-property: none; line-height: 44px;">
-        <li class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">&lt;div&gt;option&lt;/div&gt;</li>
+        <li role="button" tabindex="0" class="van-ellipsis van-picker-column__item van-picker-column__item--selected" style="height: 44px;">&lt;div&gt;option&lt;/div&gt;</li>
       </ul>
     </div>
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -46,9 +46,7 @@ exports[`not allow html 1`] = `
 
 exports[`render title slot 1`] = `
 <div class="van-picker">
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>Custom title<div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button>Custom title<button class="van-picker__confirm">确认</button></div>
   <!---->
   <div class="van-picker__columns" style="height: 220px;">
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
@@ -66,9 +64,6 @@ exports[`toolbar-position prop 1`] = `
     <div class="van-picker__mask" style="background-size: 100% 88px;"></div>
     <div class="van-hairline-unset--top-bottom van-picker__frame" style="height: 44px;"></div>
   </div>
-  <div class="van-hairline--top-bottom van-picker__toolbar">
-    <div role="button" tabindex="0" class="van-picker__cancel">取消</div>
-    <div role="button" tabindex="0" class="van-picker__confirm">确认</div>
-  </div>
+  <div class="van-hairline--top-bottom van-picker__toolbar"><button class="van-picker__cancel">取消</button><button class="van-picker__confirm">确认</button></div>
 </div>
 `;