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伪类选择器用于焦点元素，焦点就是光标，一般情况下类表单元素。

相关阅读:
一切测试的基础——测试用例设计
【Matlab笔记_16】yyyy-MM-dd HH:mm:ss的datetime格式拆分为yyyy-MM-dd日期部分和HH:mm:ss时间部分
深入理解强化学习——智能体的类型：有模型强化学习智能体与免模型强化学习智能体
牛客网——杨辉三角
JS获取经纬度, 并根据经纬度得到城市信息
Kafka消息队列
Leetcode刷题【hot100】两数之和
Django框架的全面指南：从入门到高级【第128篇—Django框架】
SpringBoot+Vue项目在线小说阅读平台
python爬虫入门详细教程-采集云南招聘网数据保存为csv文件

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