移除HTML5 input在type="number"時的上下小箭頭
在chrome下:
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
-webkit-appearance: none !important;
margin: 0;
}
Firefox下:
input[type="number"]{-moz-appearance:textfield;}
第二種方案:
將type="number"改為type="tel",同樣是數字鍵盤,但是沒有箭頭。
原文連結:http://stackoverflow.com/questions/3790935/can-i-hide-the-html5-number-input-s-spin-box
appearance 參考連結:http://www.w3cplus.com/css3/changing-appearance-of-element-with-css3.html
相關文章
- 去掉input number的上下箭頭
- 取消element中input type=number中的預設箭頭
- react input[type='number']React
- <input type="number" >用法簡單介紹
- css border實現上下左右箭頭效果CSS
- 設定icon(小箭頭)的顏色在combox中
- err Invalid input of type: 'dict'. Convert to a byte, string or number first
- 短視訊開發,製作上下動態的箭頭動畫動畫
- Linux平臺SQL*PLUS利用鍵盤上的上下箭頭LinuxSQL
- 360怎麼去掉win10快捷小箭頭_360如何去掉win10快捷小箭頭Win10
- 箭頭→箭頭 matlab畫圖Matlab
- windows10怎麼去掉小箭頭_win10電腦去掉快捷箭頭的方法WindowsWin10
- win10去掉圖示小箭頭 怎麼去除桌面快捷方式箭頭Win10
- Win10如何去掉桌面快捷圖示小箭頭 win10去除桌面快捷方式小箭頭的方法Win10
- win10怎麼去掉快捷方式小箭頭_win10圖示小箭頭怎麼去掉Win10
- 如何在Linux的SQL *Plus中用上下鍵頭(上/下檔箭)?LinuxSQL
- 更改input的type屬性
- input type="file"使用
- 征服number型別的input框型別
- Windows10如何去除快捷方式的小箭頭Windows
- CSS帶有三角小箭頭的矩形效果CSS
- rlwrap實現鍵盤上下箭頭,調出歷史執行的SQL命令SQL
- 如何清除<input type="file">的值
- type=“file”的input標籤美化
- JQuery獲取input type=jQuery
- win10清除桌面快捷方式小箭頭Win10
- qt中的控制元件QSpinBox的用法(去掉小箭頭)QT控制元件
- 箭頭函式中的this函式
- 箭頭函式函式
- Qt畫箭頭QT
- form(表單)中input屬性type的種類(number,email,url,tel,datetime),正規表示式ORMAI
- 原生前端:input標籤 number型別輸入框如何清除上下加減按鈕?前端型別
- <button>和<input type=“button“> 的區別
- <input type="button">和<button>的區別
- HTML5新增及移除的元素HTML
- win10輸入法綠色箭頭怎麼去掉_win10如何去掉打字小綠箭頭Win10
- win10桌面圖示箭頭怎麼恢復 win10快捷方式小箭頭恢復方法Win10
- win10桌面圖示箭頭怎麼清除 win10去除快捷方式小箭頭方法介紹Win10