Fix autoComplete style

scripts/demo.js

@@ -38,6 +38,7 @@ $(function () {
       return <Select combobox style={{width: 260}}
         onSelect={this.handleSelect}
         optionLabelProp="text"
+        dropdownClassName="autoComplete"
         dropdownMenuStyle={{maxHeight: 200, overflow: 'auto'}}
         searchPlaceholder="搜索组件..."
         filterOption={this.filterOption}>{this.getOptions()}</Select>;

static/style.css

@@ -182,13 +182,19 @@ a.logo {
   box-shadow: none;
 }
 
-#autoComplete .ant-select-dropdown {
+#autoComplete input::-webkit-input-placeholder,
+#autoComplete input::-moz-placeholder,
+#autoComplete input:-ms-input-placeholder {
+  color: #CADCE3;
+}
+
+.autoComplete .ant-select-dropdown {
   border: 0;
   border-radius: 0;
   box-shadow: 0 0 8px rgba(0,0,0,0.25);
 }
 
-#autoComplete .ant-component-decs {
+.autoComplete .ant-component-decs {
   font-size: 12px;
   position: absolute;
   top: 9px;
@@ -196,12 +202,6 @@ a.logo {
   right: 16px;
 }
 
-#autoComplete input::-webkit-input-placeholder,
-#autoComplete input::-moz-placeholder,
-#autoComplete input:-ms-input-placeholder {
-  color: #CADCE3;
-}
-
 .nav {
   width: 30%;
   height: 80px;