nicer arrows for input number

iNavFlight · Jan 15, 2014 · 957e85c · 957e85c
1 parent d8aca56
commit 957e85c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/css/style.css b/css/style.css
@@ -19,6 +19,23 @@ a {
 a:hover {
     text-decoration: none;
 }
+input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+
+    display: block;
+    width: 15px;
+
+    background-image: url('../images/arrows.png');
+    background-repeat: no-repeat;
+
+    border-left: 1px solid silver;
+}
+input[type=number]::-webkit-inner-spin-button:before {
+    content: "";
+}
+input[type=number]::-webkit-inner-spin-button:after {
+    content: "";
+}
 .clear-both {
     clear: both;
 }

diff --git a/images/arrows.png b/images/arrows.png