<!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框的右侧箭头,但是呢?当我输入文字的时候,聚焦就出问题了,怎么解决?
慕仙森
相关分类