当前位置：网站首页>去掉input聚焦时的边框

去掉input聚焦时的边框

2022-07-06 09:28:00 【梦想身高1米8】

<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>