HTML文本框聚焦边框颜色如何不改变

2024年5月19日 153次阅读 来源: 柔情柴少

<!DOCTYPE html>
<html>
    <head>
        <meta charset=”utf-8″ />
        <meta name=”viewport” content=”width=device-width, initial-scale=1″>
        <title>文本框颜色如何不改变</title>
    </head>
    <style type=”text/css”>
        input{
            width: 300px;
            height: 45px;
            margin: 0 auto;
            margin-top: 120px;
            display: block;
            border: 2px solid #2ECC71;
        }
        input{
            outline: none;
        }
        /* 直接设置成outline:none，就不会出现那种轮廓变黑，影响美观的情况，也可以自行设置轮廓颜色格式 */
    </style>
    <body>
        <input type=”text” placeholder=”不变色”/>
        <!– 当我们点击文本框，也就是文本框聚焦的时候，他会变成黑色，这其实是文本框聚焦的轮廓属性 –>
        <!– outline（轮廓）是绘制元素周围的一条线，位于边框边缘的外围，可以起到突出元素的作用 –>
        <!– outline可设置属性，分别是outline-style、outline-color、outline-width –>
    </body>
</html>

    原文作者：柔情柴少
    原文地址: https://blog.csdn.net/wuqingchaishao/article/details/120302104
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞