input 框重置

input框重置，啥都不说，直接上代码，简单粗暴

顺便告知，input里number框的上下箭头怎么去除。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        input[type="number"]{text-indent: 5px; padding:3px 0;
            border:1px solid #ddd;
            /*outline:none;  !*内边框*!*/
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }
        /*重置placeholder样式*/
        input[type="number"]:-ms-input-placeholder{ color:#bdbdc3;}
        input[type="number"]::-webkit-input-placeholder{ color:#bdbdc3;}
        /* 重置input focus的样式*/
        input[type="number"]:focus{outline:none;border:none;background:#fff;box-shadow:0 0 0.2rem #ff464e;}
        /*去掉input 的number里的上下箭头*/
        input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
    </style>
</head>
<body>


<p>
    <input type="number">
</p>
</body>
</html>

相关阅读:
spring容器启动
springmvc流程
bean作用域
bean的生命周期
web.xml详解
设计模式工厂和抽象工厂
requests 模块
爬虫基础
提高级
循环语句

原文地址：https://www.cnblogs.com/huoan/p/9207299.html

input 框 重置

input 框重置