diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/TextPickerDialog.gif b/zh-cn/application-dev/reference/arkui-ts/figures/TextPickerDialog.gif
index 81dbc3fdfaf99298e7272654398db6b6b8af387a..a913a9cad96d3c92b87254dd865cdab992c5cfda 100644
Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/TextPickerDialog.gif and b/zh-cn/application-dev/reference/arkui-ts/figures/TextPickerDialog.gif differ
diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
index 53ebfc7caddde675ccc00564d6872b4d6dc1dce2..1506cbb6c5775144019d3e1bc19461945012e53c 100755
--- a/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
+++ b/zh-cn/application-dev/reference/arkui-ts/ts-methods-textpicker-dialog.md
@@ -57,6 +57,9 @@ struct TextPickerDialogExample {
             TextPickerDialog.show({
               range: this.fruits,
               selected: this.select,
+              disappearTextStyle: {color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}},
+              textStyle: {color: Color.Black, font: {size: 20, weight: FontWeight.Normal}},
+              selectedTextStyle: {color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}},
               onAccept: (value: TextPickerResult) => {
                 // 设置select为按下确定按钮时候的选中项index，这样当弹窗再次弹出时显示选中的是上一次确定的选项
                 this.select = value.index