diff --git a/components/select/demo/search.md b/components/select/demo/search.md index a5d0c55d83..c8deaac8d1 100644 --- a/components/select/demo/search.md +++ b/components/select/demo/search.md @@ -15,7 +15,9 @@ function handleChange(value) { } React.render( - diff --git a/style/components/select.less b/style/components/select.less index 343e146f9e..f5e8addc2c 100644 --- a/style/components/select.less +++ b/style/components/select.less @@ -1,4 +1,3 @@ - @select-prefix-cls: ant-select; @import "../mixins/iconfont"; @@ -169,12 +168,12 @@ } } - .@{select-prefix-cls}-search__field__wrap { + &-search__field__wrap { display: inline-block; position: relative; } - .@{select-prefix-cls}-search__field__placeholder { + &-search__field__placeholder { position: absolute; top: 0; left: 3px; @@ -184,6 +183,10 @@ &-search--inline { float: left; + .@{select-prefix-cls}-search__field__wrap { + width: 100%; + } + .@{select-prefix-cls}-search__field { border: none; font-size: 100%; @@ -422,6 +425,7 @@ padding: 4px; .@{select-prefix-cls}-search__field__placeholder { left: 4px; + top: 5px; } .@{select-prefix-cls}-search__field__wrap { width: 100%;