婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML5去掉輸入框type為number時的上下箭頭的實現方法

HTML5去掉輸入框type為number時的上下箭頭的實現方法
熱門標簽：地圖標注軟件打印出來 如何查看地圖標注 惡搞電話機器人 智能電銷機器人被禁用了么 ok電銷機器人 欣鼎電銷機器人 效果 電話機器人技術 黃石ai電銷機器人呼叫中心 高德地圖標注商戶怎么標

html5中，input type="number"時 右邊會有一個上下小箭頭，介紹去掉這個箭頭的方法，完成瀏覽器的兼容，頁面效果的統一

一。公共樣式

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>去掉輸入框type為number時的上下箭頭</title>
  <style>
   /*谷歌*/
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {
    -webkit-appearance: none;
   }
   /*火狐*/
   input[type="number"] {
    -moz-appearance: textfield;
   }
  </style>
 </head>
 <body>
  <input type="number" ...>
 </body>
</html>

二。專用樣式

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>去掉輸入框type為number時的上下箭頭</title>
  <style>
   /*在谷歌下移除input[number]的上下箭頭*/
   .inputNumber input[type='number']::-webkit-outer-spin-button,
   .inputNumber input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
   }
   /*在firefox下移除input[number]的上下箭頭*/
   .inputNumber input[type="number"] {
    -moz-appearance: textfield;
   }
  </style>
 </head>
 <body>
  <input type="number" class="inputNumber" placeholder="請輸入電話號碼"> 1
 </body>
</html>

總結

以上所述是小編給大家介紹的HTML5去掉輸入框type為number時的上下箭頭的實現方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！

標簽：盤錦 聊城 萍鄉 金昌 綏化 中山 赤峰 阿壩

巨人網絡通訊聲明：本文標題《HTML5去掉輸入框type為number時的上下箭頭的實現方法》，本文關鍵詞  HTML5,去掉,輸入,框,type,為,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML5去掉輸入框type為number時的上下箭頭的實現方法》相關的同類信息！
  • 本頁收集關于HTML5去掉輸入框type為number時的上下箭頭的實現方法的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 方正县| 威远县| 苍南县| 禄丰县| 南漳县| 新宁县| 隆昌县| 紫金县| 电白县| 安庆市| 镇康县| 库伦旗| 资阳市| 申扎县| 永年县| 娱乐| 宁化县| 闻喜县| 江山市| 哈尔滨市| 昭觉县| 社旗县| 蛟河市| 梅河口市| 休宁县| 吉林省| 新和县| 太和县| 福鼎市| 江安县| 界首市| 宁城县| 漳浦县| 灵山县| 繁峙县| 怀安县| 泽普县| 临猗县| 攀枝花市| 广元市| 武陟县|