关于number框的一个小bug

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <style type="text/css">

            input{width: 300px;height:50px;padding-left: 20px;font-size: 24px;margin: 0 auto;outline: none;}

                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" name="" id="" value="" placeholder="请输入手机号"/>

    </body>

</html>

上面代码是去掉number框的右侧箭头,但是呢?当我输入文字的时候,聚焦就出问题了,怎么解决?

撒科打诨
浏览 516回答 1
1回答

慕仙森

不要用line-height
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript