去掉input聚焦时的边框

<html>
    <body>
        <input placeholder="请输入"/>
    </body>
</html>

border:none效果

<html>
    <head>
        <style>
            input{
            
     
                border:none;
            }
        </style>
    </head>
    <body>
        <input placeholder="请输入"/>
    </body>
</html>

outline: none效果

<html>
    <head>
        <style>
            input{
            
     
                outline: none;
            }
        </style>
    </head>
    <body>
        <input placeholder="请输入"/>
    </body>
</html>

border:none;加outline:none;效果

<html>
    <head>
        <style>
            input{
            
     
                border:none;
                outline: none;
            }
        </style>
    </head>
    <body>
        <input placeholder="请输入"/>
    </body>
</html>
经验分享 程序员 微信小程序 职场和发展