婷婷综合国产,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時的上下箭頭的實現方法的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 西贡区| 冷水江市| 中西区| 上栗县| 封开县| 惠水县| 安多县| 甘南县| 大理市| 泾阳县| 浑源县| 肥东县| 清丰县| 商洛市| 商城县| 普兰县| 八宿县| 南川市| 建阳市| 儋州市| 连城县| 合江县| 留坝县| 手游| 资中县| 商城县| 宝山区| 新田县| 汝南县| 铜川市| 修水县| 马尔康县| 武隆县| 南川市| 克什克腾旗| 民乐县| 鹰潭市| 普洱| 石泉县| 象山县| 永泰县|