CSS :focus 选择器

最新推荐文章于 2024-06-04 09:30:59 发布

UIEngineer

最新推荐文章于 2024-06-04 09:30:59 发布

阅读量369

点赞数

分类专栏： HTML5/CSS3

本文链接：https://blog.csdn.net/zjsfdx/article/details/88054110

版权

HTML5/CSS3 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

一个输入字段获得焦点时选择的样式：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        input:focus{
            background-color: red;
        }
    </style>
   

</head>
<body>
    <form action="">
        <input type="text" name="">
    </form>
</body>
</html>

未获得焦点
在这里插入图片描述
获得焦点