ionic multi-picker ios取消按钮位置

ios

我修改multi-picker.ios.scss里边的样式 但是ionic serve --lab后 确没有任何变化 

<ion-item no-lines>

<ion-label>地区选择器</ion-label>

<ion-multi-picker item-content [(ngModel)]="myCity" [multiPickerColumns]="listData" [cancelText]="'取消'" [doneText]="'完成'" (ngModelChange)="cityDone()"></ion-multi-picker>

</ion-item >

.picker-ios .picker-toolbar-button{

    &.picker-toolbar-multi-picker-cancel{

      text-align: start;

    }

}

写到multi-picker.ios.scss 重新执行命令 ionic serve --lab 就ok了