Fix autoComplete style

d3clan · Aug 22, 2015 · a9117da · a9117da
1 parent 7909033
commit a9117da
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/scripts/demo.js b/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>;

diff --git a/static/style.css b/static/style.css
@@ -182,26 +182,26 @@ 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;
   color: #aaa;
   right: 16px;
 }
 
-#autoComplete input::-webkit-input-placeholder,
-#autoComplete input::-moz-placeholder,
-#autoComplete input:-ms-input-placeholder {
-  color: #CADCE3;
-}
-
 .nav {
   width: 30%;
   height: 80px;