zoukankan      html  css  js  c++  java
  • <input>type类型

    当Input框需要输入数字时,一般用到type='number'

    但是在输入框有

    上下小箭头

    google后有解决CSS方案

    在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",同样是数字键盘,但是没有箭头。

    第三种方案:

    <input type="text" pattern="[0-9]*" />
    A pattern of d* will also work.

    查询HTML5 W3C

    这是html5的属性,多了很多实用的校检

  • 相关阅读:
    菜根谭#308
    菜根谭#307
    菜根谭#306
    菜根谭#305
    菜根谭#304
    菜根谭#303
    菜根谭#302
    菜根谭#301
    菜根谭#300
    菜根谭#299
  • 原文地址:https://www.cnblogs.com/fenglie/p/4432734.html
Copyright © 2011-2022 走看看