婷婷综合国产,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時的上下箭頭的實現方法的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 濮阳县| 楚雄市| 岑溪市| 崇阳县| 永寿县| 新丰县| 宕昌县| 北安市| 垣曲县| 东莞市| 罗山县| 台中市| 封开县| 陇西县| 革吉县| 文昌市| 泰安市| 建昌县| 府谷县| 乌拉特后旗| 邛崃市| 进贤县| 常德市| 西丰县| 栾川县| 清远市| 丰城市| 吉水县| 宣汉县| 婺源县| 仪陇县| 成武县| 阿拉善盟| 基隆市| 舒兰市| 松溪县| 库尔勒市| 济南市| 固安县| 峨边| 孝昌县|