zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    Title
    Title
    Title
    Title
    Python生成随机验证码
    Time模块和datetime模块
    For循环的实质
    Python函数
    集合set
    字符串内置方法的使用
  • 原文地址:https://www.cnblogs.com/huoan/p/9207299.html
Copyright © 2011-2022 走看看