:focus是选择获得焦点的输入字段，并设置其样式：
如input:focus就是为input输入框获取到焦点后设置样式
input:focus{
background-color:red；
}
就是当你鼠标移入到input输入框后，输入框背景会变成红色。完整代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
input:focus{
background-color: chartreuse;
}
</style>
</head>
<body>
<input type="text">
</body>
</html>
CSS :focus 选择器:focus选择器用于选择具有焦点的元素。
:focus选择器 :focus选择器被用来指定“表单元素”获得光标焦点时使用的样式，主要在单行文本框text、多...
emmet语法 CSS的复合选择器 后代选择器 子元素选择器 并集选择器 链接类选择器 focus伪类选择器 复合...
伪类选择器 :focus :link :active :hover :before :after :visited...
子元素focus，容器边框高亮父选择器效果实例页面
:focus是选择获得焦点的输入字段，并设置其样式： 如input:focus就是为input输入框获取到焦点后设...
CSS 的伪类选择器和伪元素选择器，让 CSS 有了更为强大的功能。今天介绍一个神奇的选择器 :focus-wit...
:focus 伪类 选择器用于选取获得焦点的元素 。主要针对的是 表单元素
1.伪类选择器：给链接定义样式 1.获取焦点 :focus 文本框背景 2.指定元...
UI元素伪类选择器 ：focus 选择获得焦点的元素 ：enabled 被用来指定元素处于可用状态是的样式 ：di...
本文标题：:focus选择器
本文链接：https://www.haomeiwen.com/subject/xegxnctx.html
网友评论