remove text field style

mycolorway · Jan 20, 2015 · 26210f9 · 26210f9
1 parent df017cc
commit 26210f9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 63 deletions.
diff --git a/styles/select.css b/styles/select.css
@@ -3,36 +3,9 @@
   width: 155px;
 }
 .simple-select .select-result {
-  width: 140px;
-  height: 14px;
-  padding: 5px 8px;
-  line-height: 14px;
-  font-size: 12px;
-  outline: 0;
-  border: 1px solid #ccc;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-}
-.simple-select .select-result:focus {
-  border: 1px solid #64a8e2;
-  -webkit-box-shadow: 0 0 6px rgba(121, 176, 237, 0.6);
-  -moz-box-shadow: 0 0 6px rgba(121, 176, 237, 0.6);
-  box-shadow: 0 0 6px rgba(121, 176, 237, 0.6);
-}
-.simple-select .select-result.error {
-  border: 1px solid #c21;
-  -webkit-box-shadow: inset 0 0 10px rgba(204, 34, 17, 0.3);
-  -moz-box-shadow: inset 0 0 10px rgba(204, 34, 17, 0.3);
-  box-shadow: inset 0 0 10px rgba(204, 34, 17, 0.3);
-}
-.simple-select .select-result.error:focus {
-  -webkit-box-shadow: 0 0 6px rgba(204, 34, 17, 0.6);
-  -moz-box-shadow: 0 0 6px rgba(204, 34, 17, 0.6);
-  box-shadow: 0 0 6px rgba(204, 34, 17, 0.6);
-}
-.simple-select .select-result.placeholder {
-  color: #999999 !important;
+  width: 100%;
+  height: 24px;
+  box-sizing: border-box;
 }
 .simple-select .link-clear, .simple-select .link-expand {
   display: block;

diff --git a/styles/select.scss b/styles/select.scss
@@ -3,39 +3,9 @@
   width: 155px;
 
   .select-result {
-    width: 140px;
-    height: 14px;
-    padding: 5px 8px;
-    line-height: 14px;
-    font-size: 12px;
-    outline: 0;
-    border: 1px solid #ccc;
-    -webkit-border-radius: 4px;
-       -moz-border-radius: 4px;
-            border-radius: 4px;
-
-    &:focus {
-      border: 1px solid #64a8e2;
-      -webkit-box-shadow: 0 0 6px rgba(121,176,237,0.6);
-         -moz-box-shadow: 0 0 6px rgba(121,176,237,0.6);
-              box-shadow: 0 0 6px rgba(121,176,237,0.6);
-    }
-
-    &.error {
-      border: 1px solid #c21;
-      -webkit-box-shadow: inset 0 0 10px rgba(204,34,17,0.3);
-         -moz-box-shadow: inset 0 0 10px rgba(204,34,17,0.3);
-              box-shadow: inset 0 0 10px rgba(204,34,17,0.3);
-      &:focus {
-        -webkit-box-shadow: 0 0 6px rgba(204,34,17,0.6);
-           -moz-box-shadow: 0 0 6px rgba(204,34,17,0.6);
-                box-shadow: 0 0 6px rgba(204,34,17,0.6);
-      }
-    }
-
-    &.placeholder {
-      color: #999999 !important;
-    }
+    width: 100%;
+    height: 24px;
+    box-sizing: border-box;
   }
 
   .link-clear, .link-expand {