婷婷综合国产,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時的上下箭頭的實現方法的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 芦山县| 共和县| 思南县| 茌平县| 云南省| 色达县| 凤阳县| 咸丰县| 德安县| 班戈县| 平山县| 天祝| 额济纳旗| 惠来县| 田阳县| 郑州市| 报价| 大关县| 临清市| 侯马市| 思茅市| 黄陵县| 奎屯市| 乃东县| 东明县| 阜宁县| 萨迦县| 都匀市| 太康县| 秀山| 甘南县| 城口县| 观塘区| 肥东县| 白朗县| 金塔县| 呼伦贝尔市| 三江| 罗定市| 永康市| 若尔盖县|