add the style of 'no arrow for input type=number in html5' - css.md

yaoyf · yaoyf · commit bef704bb64f0 · 2015-08-31T18:38:38.000+08:00
diff --git a/css.md b/css.md
@@ -285,4 +285,20 @@ user-select:none;
 - 屏蔽苹果浏览器对数字的识别[Meta标签中的format-detection属性及含义](http://blog.sina.com.cn/s/blog_51048da70101cgea.html)
 ```html
 <meta content="telephone=no" name="format-detection">
-```
+```
+
+- 移除HTML5 input在type="number"时的上下小箭头
+  - 在chrome下：
+  ```css
+    input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
+        -webkit-appearance: none !important;
+        margin: 0; 
+    }
+  ```
+  - Firefox下：
+  ```css
+    input[type="number"]{-moz-appearance:textfield;}
+  ```
+    
+  - 第二种方案：
+    - 将type="number"改为type="tel"，同样是数字键盘，但是没有箭头。
