diff --git a/components/tree-select/demo/checkable.md b/components/tree-select/demo/checkable.md
index cd29f74293..6e0a0a5fb3 100644
--- a/components/tree-select/demo/checkable.md
+++ b/components/tree-select/demo/checkable.md
@@ -50,10 +50,12 @@ const Demo = React.createClass({
   render() {
     const tProps = {
       treeData,
+      size: 'small',
       value: this.state.value,
       onChange: this.onChange,
       multiple: true,
       treeCheckable: true,
+      searchPlaceholder: '请选择',
       treeDefaultExpandAll: true,
       style: {
         width: 360,
diff --git a/style/components/treeSelect.less b/style/components/treeSelect.less
index 5f6bcbb6f1..62b22960c4 100644
--- a/style/components/treeSelect.less
+++ b/style/components/treeSelect.less
@@ -231,6 +231,15 @@
 
     .@{tree-select-prefix-cls}-selection--multiple {
       min-height: 32px;
+
+      .@{tree-select-prefix-cls}-search__field__placeholder {
+        left: 10px;
+        margin-top: 4px;
+        font-size: 14px;
+        line-height: 24px;
+        height: 24px;
+      }
+
       .@{tree-select-prefix-cls}-selection__rendered {
         li {
           height: 24px;
@@ -259,7 +268,8 @@
         li {
           height: 14px;
           .@{tree-select-prefix-cls}-selection__choice__content {
-            line-height: 14px;
+            line-height: 10px;
+            font-size: 8px;
             position: relative;
             top: -3px;
           }
@@ -315,8 +325,10 @@
     cursor: text;
 
     .@{tree-select-prefix-cls}-search__field__placeholder {
-      top: 6px;
       left: 10px;
+      margin-top: 4px;
+      height: 20px;
+      line-height: 20px;
     }
 
     .@{tree-select-prefix-cls}-search--inline {