当前位置：网站首页>去掉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>

在这里插入图片描述

原网站

版权声明
本文为[梦想身高1米8]所创，转载请带上原文链接，感谢
https://blog.csdn.net/weixin_43915401/article/details/125044159

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

去掉input聚焦时的边框

边栏推荐

猜你喜欢

随机推荐