1、7focus伪类选择器

提示：focus伪类选择器用于焦点元素，焦点就是光标，一般情况下类表单元素。

1、语法：

input:focus{

background-color：yellow；

}

解释：

当我们鼠标点击这个表单，那么它的表单会变色彩，必须是用这个“：focus”这个伪类选择器

自己代码展示：


html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>获得光标才有颜色、结合表单用“：focus”title>
    <style>
        input:focus {
            background-color: pink;
            color: red;
        }
    style>
head>
 
<body>
 
    <input type="text">
    <input type="text">
 
 
body>
 
html>

显示结果：

总结

提示：这里对文章进行总结：
例如：以上就是今天要讲的内容，本文仅仅简单介绍了focus伪类选择器用于焦点元素，焦点就是光标，一般情况下类表单元素。

相关阅读:
React的生命周期函数
数据集笔记：NGSIM （next generation simulation）
RabbitMQ 链接管理-发布者-消费者
8月报考季，软考选科目避坑指南来啦
osg实现鼠标框选
git仓库代码克隆
16.Hystrix 实例（springcloud）
Java不得不知道的八股文之哈希表
力扣227题基本计算器II（Python实现）
CImageList 图像列表

原文地址：https://blog.csdn.net/qq_62865634/article/details/126454576